1.创建带UI界面的
一般不在这操作，都是用代码操作
在这里操作的时候，先点击“Signals &Slots Editor” 再点击“+”，就可以改变UI的布局文件。
2.Containers
容器类（见文知意，英语翻译即可）
eg：Scroll Area 滑动空间，是放不开空间时，上下现实的。
Stacked Widget：
3.stackedWidget
实例：
拖入stackedwidget,右击，添加页
拖入按钮 ，右击转到槽，选择clicked，跳转到
void MainWindow::on_change_clicked()
{
static int i = 0;
ui->stackedWidget->setCurrentIndex( ++i %4);
}
4.Combo Box
下拉框
5.Font Combo Box
字体选择
6.lineEdit 的设置
// 设置内容
ui->lineEdit->setText("123456");
//设置内容显示间隙
ui->lineEdit->setTextMargins(15,0,0,0);
// 设置内容显示方式
ui->lineEdit->setEchoMode(QLineEdit::Password);
//
QStringList list;//新建list
list << "hello" << "how are you" << "herher";//向list中添加文字
QCompleter *com = new QCompleter(list，this);//建list模型
com->setCaseSensitivity(QT::CaseInsensitive);//模型忽略大小写
ui->lineEdit->setCompleter(com);
7.Label 标签
文字：ui->labelText->setText("hello");
图片:
(1)代码实现 ui->labelImage->setPixmap(QPixmap("路径"));
//让图片自适应大小
ui->labelImage->setScaledContents(ture);
（2）ui界面内实现，在右下角之前按键改名字的地方，有“QLabel”-->“pixmap”点击，然后选择资源，
动画:
头文件 #include <QMovie>
//创建动画
QMovie *myMovie = new QMove("路径");
//启动动画
myMovie->start();
//自适应大小
ui->labelImage->setScaledContents(ture);
网页链接
//设置html 引号 里是html语言
ui->labelUrl->setText("<h1><a href = \"https://www.baidu.com\">百度一下</a></h1>");
ui->labelUrl->setOpenExternalLinks(true);
8.日历
Calendar Wigdets
9.数码管
ui->lcdNumber->display(123);
10.进度条
ui->progressBar->setMinimum(0);//设置最小值
ui->progressBar->setMaxmum(200);//设置最大值
ui->progressBar->setValue(100);//设置当前值
11.QWebView（5.4之后不支持）
ui->webView_2->load(QUrl("http://www.baidu.com"));
11.
选择要布局的按钮或者按完其他的，再进行布局。
布局属性：
layoutSpacing是相互间的间隔。
layoutLeftMargin:
layoutRightMargin:
layoutTopMargin:
layoutBottomMargin:
改颜色
this->label->setStyleSheet("QLabel{color:red;}");
通过RGB改颜色
ui->label->setStyleSheet("QLabel{color:rgb(0,255,255);"
"background-color:red;"//改背景色
"}");
注意：上述代码中this与ui的区别，this相当于模板，新建一个QLabel就会显示为red，而ui相当于个例，仅仅设置自己的。
12.裁剪照片
QPushButton{
border-width: 4px;
border-image: url(button.png) 4 4 4 4 stretch stretch;//将button.png的图片向四个方向裁剪，然后stretch（伸缩）。
}
13.处理伪状态
pressed: 部件被鼠标按下
hover： 鼠标位于部件上
ui->pushButton->setStyleSheet("QPushButton{"
"border-image:url(:/new/prefixl/image/Sunny.jpg);}"
"QPushButton:hover{"
"border-image:url(:/new/prefixl/image/Su.png)}"
"QPushButton:pressed{"
"border-image:url(:/new/prefixl/image/Sun.png)}"
);
网友评论