Qt QSS基础知识学习

1.QSS介绍
QSS是Qt程序界面中用来设置控件的背景图片、大小、字体颜色、字体类型、按钮状态变化等属性，用于美化UI界面。实现界面和程序的分离，快速切换皮肤。
QSS最大的优点就是简单便捷，可以快速实现应用程序的外观界面。

2.QSS的基本语法
1)选择器{property:value}
Qt中有很多控件，例如QPushButton 、 QWidget 等被称为选择器，{property:value}代表属性和值
QPushButton{color:red} //代表QPushbutton 颜色为红色
2）几个选择器可以指定相同的声明，使用逗号","来分割选择器
QPushButton，QLineEdit,QCombox{color:red}
3)声明部分的规则有多个属性值时包含在花括号{ }中，以分号;分隔，属性之间在QSS之间是不区分大小写的
QPushButton{color:red;background-color:white;}

3.Qt样式表设置函数:setStyleSheet
Qt中设置样式表最主要的函数为setStyleSheet

4.利用setStyleSheet实现样式表实例
1）修改按钮字体颜色
ui->pushButton->setStyleSheet(QString(“QPushButton{color:rgb(255,0,0)}”));实现按钮中的字体显示为红色

5.Qt中样式表的属性值
1)QSS文本属性
color:设置文本的颜色，direction:规定文本的方向/书写方向…
2)QSS背景属性
background:在一个声明中设置所有的背景属性。…
3)QSS边框属性
border:在一个声明中设置所有的边框属性
border-bottom:在一个声明中设置所有的下边框属性…
4.QSS Box属性
我们将控件的一个区域称为Box,这个Box的内容如果溢出了如何处理，均使用Box属性设置
overflow-x:如果内容溢出了元素内容区域，是否对内容的左/右边缘进行裁剪。
overflow-y:如果内容溢出了元素内容区域，是否对内容的上/下边缘进行裁剪。…
5.QSS字体属性
font:在一个声明中设置所有字体属性。
6.QSS外边框属性
控件之间的间距可以使用外边框属性设置
7.QSS内边框属性
padding：在一个声明中设置所有内边距属性。
padding-bottom:设置元素的下内边距。…
8.QSS 位置属性
bottom:设置定位元素下外边距边界与其他包含块下边界之间的偏移。
clear:规定元素的哪一侧不允许其他浮动元素=。…

6.利用Qt Creator实现上面按钮按下后颜色改变的功能
1)控件右键设置"改变样式表"->设置属性
运行之后得到的效果与使用setStyleSheet函数设置样式表一样

7.使用函数和Qt Creator实现的区别
两种方法都是使用setStyleSheet实现的，原理上是一样的。

8.样式表实现皮肤改变实例
样式表除了上述作用，最大的作用是改变应用的皮肤

9.学习视频地址

【Qt学习系列】11.Qt样式表Qss

Qt QSS基础知识学习相关推荐

qt checkbox 选中事件_Qt基础知识学习
Qt基础知识学习 Qt C++ SQLite ★★★★★ Qt · 简介 Qt是由Qt Company开发的面向对象的跨平台C++图形用户界面应用程序开发框架. 前期 · 准备 01 辨析Qt(开 ...
计算机二级二叉树基础知识,2017年计算机二级公共基础知识学习教程：树与二叉树...
(六)树与二叉树 1．树的基本概念树是一种简单的非线性结构.在树结构中,数据元素之间有着明显的层次结构.在树的图形表示中,用直线连接两端的结点,上端点为前件,下端点为后件. 在树结构中,每一个结点只 ...
Python 基础知识学习笔记——NumPy
Python基础知识学习笔记--NumPy 与 matlab 优秀的矩阵运算类似,python 提供了 numpy 库,这对熟悉 matlab 的用户来说非常友好.向量.矩阵和多维数组是数值计算中必不 ...
Python 基础知识学习笔记——OpenCV（1）
Python 基础知识学习笔记--OpenCV(1) OpenCV是一个开源的跨平台计算机视觉和机器学习软件库,它轻量而且高效,被广泛的使用. 整理一下OpenCV学习笔记,以防忘记. 文章目录 Py ...
Python基础知识学习笔记——Matplotlib绘图
Python基础知识学习笔记--Matplotlib绘图整理python笔记,以防忘记文章目录 Python基础知识学习笔记--Matplotlib绘图一.绘图和可视化 1.导入模块 2.一个简 ...
python基础知识学习笔记（2）
python基础知识学习笔记(2) 整理一下python基础知识,以防忘记文章目录 python基础知识学习笔记(2) python简洁的一行代码 python简洁的一行代码 1.交换两个变量 # ...
python基础知识学习笔记（1）
python 基础知识学习笔记(1) 总结一下Python基础知识,以防忘记. 文章目录 python 基础知识学习笔记(1) 一.起步 1.python安装与编译环境二.变量和简单数据类型三.列 ...
oracle数据库基础知识总结,oracle数据库基础知识学习笔记
oracle数据库基础知识学习笔记一.oracle数据库类型: Char: 字符型(最大长度2000,定长.不足时以空格补充) Varchar2:字符型最大长度 4000,变长,实际长度由存储的 ...
Linux操作系统基础知识学习
Q1.什么是GNU?Linux与GNU有什么关系? A: 1)GNU是GNU is Not Unix的递归缩写,是自由软件基金会(Free Software Foundation,FSF)的一个项目, ...

Qt QSS基础知识学习

Qt QSS基础知识学习相关推荐

最新文章

热门文章