当前位置：首页 > article >正文

QT中样式表常见属性与颜色的设置与应用

article 2024/9/26 23:56:05

常见样式表属性

在Qt中的样式表（QSS）中，有一些特定的英文单词和关键字用于指定不同的样式属性。以下是常见的一些英文单词和关键字：

颜色（Colors）：

color: 文本颜色
background-color: 背景颜色
border-color: 边框颜色

字体（Fonts）：

font: 字体
font-family: 字体族
font-size: 字号
font-weight: 字重

边框（Borders）：

border: 边框
border-style: 边框样式
border-width: 边框宽度
border-radius: 边框圆角半径

布局（Layout）：

margin: 外边距
padding: 内边距

尺寸（Sizes）：

width: 宽度
height: 高度
max-width: 最大宽度
max-height: 最大高度
min-width: 最小宽度
min-height: 最小高度

对齐（Alignment）：

text-align: 文本对齐方式
vertical-align: 垂直对齐方式

显示与隐藏（Display and Visibility）：

display: 显示方式
visibility: 可见性

其他（Others）：

background-image: 背景图片
background-repeat: 背景图片重复方式
background-position: 背景图片位置
opacity: 不透明度

注意：这只是一些常用的英文单词和关键字，还有很多其他的单词和属性可供使用。具体使用哪些单词和属性取决于你的样式需求。

常见的样式表的颜色设置

在Qt中，可以使用颜色来设置样式表（QSS）中的各种元素的外观。Qt支持多种颜色表示方法，包括预定义颜色名称、RGB值、十六进制值等。以下是一些常见的用于设置颜色的方法和预定义颜色名称：

预定义颜色名称：

black: 黑色
white: 白色
red: 红色
green: 绿色
blue: 蓝色
cyan: 青色
magenta: 洋红色
yellow: 黄色
gray / grey: 灰色
darkGray / darkGrey: 深灰色
lightGray / lightGrey: 浅灰色
transparent: 透明

RGB值：

格式：rgb(red, green, blue)
其中，red、green和blue的取值范围为0到255

十六进制值：

格式：#RRGGBB 或 #AARRGGBB
其中，RR、GG和BB分别表示红色、绿色和蓝色的分量，取值范围为00到FF（或0到255）
AA表示透明度的分量，取值范围为00到FF（或0到255），仅在使用带透明度的颜色时使用

示例：

QWidget {
   
    background-color: red;            /* 使用预定义颜色名称 */
    color: rgb(0, 255, 0);             /* 使用RGB值 */
    border-color: #0000FF;             /* 使用十六进制值 */
    selection-background-color: magenta;
    selection-color: white;
}