计算机系统应用教程网站

网站首页 > 技术文章 正文

C++跨平台库QT必会技能 布局与qss样式表

btikc 2024-09-08 12:02:54 技术文章 13 ℃ 0 评论

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



一、QT的布局

qt 有4种布局方式:

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

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

二、qss 样式表

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

1. 在单个控件上定义qss

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

输入下面的样式表:

QPushButton{
    color:red;
}

2. 定义全局样式

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

输入样式表文件 。

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

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

QPushButton{
    color:yellow;
}

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

选中刚新建的qss文件。

代码调用qss文件

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

#include "mainwindow.h"

#include <QApplication>
#include <QFile>
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();
}

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表