【翻译 + 整理】Qt样式表详解（8）：属性类型的一些知识点

1、设置盒子模式相关颜色类的属性可以一次设置多个方向的，顺序为上、右、下、左。如果未指定左侧颜色，则将其与右侧颜色相同。 如果未指定底色，则将其与顶色相同。 如果未指定正确的颜色，则该颜色应与顶部的颜色相同。例如：

 QLabel { border-color: red }   /* red red red red */
 QLabel { border-color: red blue } /* red blue red blue */
 QLabel { border-color: red blue green } /* red blue green blue */
 QLabel { border-color: red blue green yellow } /* red blue green yellow */

2、盒子模式尺寸相关的属性也有类似的规则：

 QLabel { border-width: 1px }                    /* 1px 1px 1px 1px */
 QLabel { border-width: 1px 2px }                /* 1px 2px 1px 2px */
 QLabel { border-width: 1px 2px 3px }            /* 1px 2px 3px 2px */
 QLabel { border-width: 1px 2px 3px 4px }        /* 1px 2px 3px 4px */

3、颜色设置可以有多种方式：

 QLabel { border-color: red }                      /* opaque red */
 QLabel { border-color: #FF0000 }                  /* opaque red */
 QLabel { border-color: rgba(255, 0, 0, 75%) }     /* 75% opaque red */
 QLabel { border-color: rgb(255, 0, 0) }           /* opaque red */
 QLabel { border-color: rgb(100%, 0%, 0%) }        /* opaque red */
 QLabel { border-color: hsv(60, 100%, 100%) }      /* opaque yellow */
 QLabel { border-color: hsva(240, 255, 255, 75%) } /* 75% blue */
 QLabel { border-color: hsl(60, 100%, 50%) }       /* opaque yellow */
 QLabel { border-color: hsla(240, 255, 50%, 75%) } /* 75% blue */

4、颜色、背景等可以设置为渐变类型：QT绘图：渐变 这个用来设置窗口背景是不错用法。

• qlineargradient：线性渐变。
• qradialgradient：辐射渐变。
• qconicalgradient：锥形渐变。

QWidget
{
    background: qlineargradient(x1:0, y1:0, x2:1, y2:1,
                 			    stop:0 white, stop: 0.4 gray, stop:1 green)
}

QWidget
{
    background: qconicalgradient(cx:0.5, cy:0.5, angle:30,
                 			     stop:0 white, stop:1 #00FF00)
}

 焦点在（0,0）

QWidget
{
    background: qradialgradient(cx:0, cy:0, radius: 1,
                                fx:0, fy:0, stop:0 white, stop:1 green)
}

 

焦点在（0.5,0.5）:

QWidget
{
    background: qradialgradient(cx:0, cy:0, radius: 1,
                                fx:0.5, fy:0.5, stop:0 white, stop:1 green)
}

5、颜色类的属性可以为QWidget的QPalette的部分调色板角色的颜色。实用QPalette

支持设置如下角色：

• alternate-base 
• base 
• bright-text 
• button 
• button-text 
• dark 
• highlight 
• highlighted-text 
• light 
• link 
• link-visited 
• mid 
• midlight 
• shadow 
• text 
• window 
• window-text

例：

 QPushButton { color: palette(dark); }

6、border-radius等相关类似的属性可以设置2个值。如果仅指定一个值，则将其用作定义角的四分之一圆的半径。 如果指定了两个值，则第一值是四分之一椭圆的水平半径，而第二值是垂直半径。

QPushButton{
    border-radius:60px;
}

QPushButton{
	border-radius:60px 10px;
}