qt qss样式模板_C++跨平台库QT必会技能 布局与qss样式表

头条搜索现在的搜索功能非常强大,最近某度的打开速度很让人捉急,建议大家搜索资料时可以试试头条搜索。

5b90c8768eeaecccba5567c88748180d.png

一、QT的布局

qt 有4种布局方式:

  1. Vertical Layout
  2. Horizontal Layout
  3. Grid Layout
  4. Form Layout
    下面图中演示这几种布局的区别:

布局一般的方式是拖布局到界面上,然后放入控件即可。但Grid控件要注意,它必须先把控件摆好,再点菜单栏的布局按钮。

b0460ae90426d322608be4e6e9a15661.png

二、qss 样式表

qss样式表是以css的方式来定义 qt 的布局,使得QT的布局变得非常容易。

1. 在单个控件上定义qss

在控件上点右键,选择改变样式表

c161871e9c3458a2f6b7a9a2e2906f87.png

输入下面的样式表:

5349f0409672964974ad22536ce6b394.png
QPushButton{    color:red;}

2. 定义全局样式

在窗体上点右键,选择编辑样式表:

52aa55fc08d7e499e954b70ca5c14be8.png
0d65cc1c8296973241224830fc621731.png

输入样式表文件 。

3. 定义单独的样式表文件

在项目下新建一个样式表文件 main.qss

QPushButton{    color:yellow;}
156359e86094c0f56acd2d8c1820b969.png

在资源文件上右键,选择添加现有文件

选中刚新建的qss文件。

c9369dc4e77c6e08487cc0b7bb999639.png
1f9f8994c100aa7e4453e1a1d8e7fb46.png

代码调用qss文件

这里在main.cpp里全局调用qss样式表文件:

3b95841beeb7a3dd3329ba6e3d53a182.png
#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();}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值