使用样式表定制Qt小部件

青旅半醒 2022-10-09 04:49 161阅读 0赞

### 使用样式表定制Qt小部件 ###

使用样式表时，每个小部件都被视为一个包含四个同心矩形的框：边距矩形、边框矩形、填充矩形和内容矩形。方框模型将对此进行进一步详细描述。

### **盒子模型** ###

四个同心矩形在概念上如下所示：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvbGluNjc4_size_16_color_FFFFFF_t_70][]

*  边距在边界外。
 *  在边距和填充之间绘制边框。
 *  填充位于边框内部，介于边框和实际内容之间。
 *  内容是删除边距、边框和填充后，原始小部件或子控件中剩下的内容。

margin、border width和padding属性都默认为零。在这种情况下，所有四个矩形（边距、边框、填充和内容）完全重合。  
您可以使用background image属性为小部件指定背景。默认情况下，仅为边界内的区域绘制背景图像。这可以使用background clip属性进行更改。可以使用“背景重复”和“背景原点”来控制背景图像的重复和原点。  
背景图像不随小部件的大小而缩放。要提供随小部件大小缩放的“皮肤”或背景，必须使用边框图像。由于border image属性提供备用背景，因此在指定border image时不需要指定背景图像。在这种情况下，当两者都被指定时，边框图像将绘制在背景图像上。  
另外，图像属性可用于在边界图像上绘制图像。指定的图像不平铺或拉伸，当其大小与小部件的大小不匹配时，将使用“图像位置”属性指定其对齐方式。与背景图像和边框图像不同，可以在image属性中指定SVG，在这种情况下，图像会根据小部件大小自动缩放。  
呈现规则的步骤如下：

*  为整个渲染操作设置剪辑（边界半径）
 *  绘制背景（背景图像）
 *  绘制边框（边框图像，边框）
 *  绘制覆盖图像（图像）

### **子控件** ###

小部件被认为是一个层次结构（树）的子控件绘制在彼此的顶部。例如，QComboBox绘制下拉子控件，后跟向下箭头子控件。QComboBox呈现如下：

*  呈现QComboBox\{\}规则
 *  呈现QComboBox：：下拉\{\}规则
 *  呈现QComboBox：：向下箭头\{\}规则

子控件共享父子关系。对于QComboBox，向下箭头的父级是下拉列表，而下拉列表的父级是小部件本身。子控件使用“子控件位置”和“子控件原点”属性定位在其父控件中。  
定位子控件后，可以使用box模型设置其样式。  
注意：对于QComboBox和QScrollBar等复杂的小部件，如果自定义了一个属性或子控件，那么所有其他属性或子控件也必须自定义。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvbGluNjc4_size_16_color_FFFFFF_t_70]: /images/20221005/0bfee8393f094497b19828c442c97c06.png