头条搜索现在的搜索功能非常强大,最近某度的打开速度很让人捉急,建议大家搜索资料时可以试试头条搜索。
![5b90c8768eeaecccba5567c88748180d.png](https://i-blog.csdnimg.cn/blog_migrate/978b3b91619146a9d1ad9d411e3eaabd.jpeg)
一、QT的布局
qt 有4种布局方式:
- Vertical Layout
- Horizontal Layout
- Grid Layout
- Form Layout
下面图中演示这几种布局的区别:
布局一般的方式是拖布局到界面上,然后放入控件即可。但Grid控件要注意,它必须先把控件摆好,再点菜单栏的布局按钮。
![b0460ae90426d322608be4e6e9a15661.png](https://i-blog.csdnimg.cn/blog_migrate/f851f0e6274589e859c2cf0ef57bd4d9.jpeg)
二、qss 样式表
qss样式表是以css的方式来定义 qt 的布局,使得QT的布局变得非常容易。
1. 在单个控件上定义qss
在控件上点右键,选择改变样式表
![c161871e9c3458a2f6b7a9a2e2906f87.png](https://i-blog.csdnimg.cn/blog_migrate/7929ca81cec265c19e1096c60ccf5b2b.jpeg)
输入下面的样式表:
![5349f0409672964974ad22536ce6b394.png](https://i-blog.csdnimg.cn/blog_migrate/47a9ae41cb291d971a7c1c7204fc0a9c.jpeg)
QPushButton{ color:red;}
2. 定义全局样式
在窗体上点右键,选择编辑样式表:
![52aa55fc08d7e499e954b70ca5c14be8.png](https://i-blog.csdnimg.cn/blog_migrate/3524cfef11f9617dcf97df66e6916779.jpeg)
![0d65cc1c8296973241224830fc621731.png](https://i-blog.csdnimg.cn/blog_migrate/ec1bf6b02a56d6efaf38411097fb08fb.jpeg)
输入样式表文件 。
3. 定义单独的样式表文件
在项目下新建一个样式表文件 main.qss
QPushButton{ color:yellow;}
![156359e86094c0f56acd2d8c1820b969.png](https://i-blog.csdnimg.cn/blog_migrate/286838b5e3998ec757f1b3ead6792135.jpeg)
在资源文件上右键,选择添加现有文件
选中刚新建的qss文件。
![c9369dc4e77c6e08487cc0b7bb999639.png](https://i-blog.csdnimg.cn/blog_migrate/870e1b0ddda2d84440578856ec5d0255.jpeg)
![1f9f8994c100aa7e4453e1a1d8e7fb46.png](https://i-blog.csdnimg.cn/blog_migrate/8e3b0070c3fa6c62e6165e2203b83305.jpeg)
代码调用qss文件
这里在main.cpp里全局调用qss样式表文件:
![3b95841beeb7a3dd3329ba6e3d53a182.png](https://i-blog.csdnimg.cn/blog_migrate/020164d8893fce749c2efbff552cabf8.jpeg)
#include "mainwindow.h"#include #include int main(int argc, char *argv[]){ QApplication a(argc, argv); MainWindow w; w.show(); QFile file(":/main.qss"); file.open(QFile::ReadOnly); if (file.isOpen()) { qApp->setStyleSheet(file.readAll()); } return a.exec();}