样式表代码示例

当鼠标悬停在按钮上或按钮被按下时改变按钮的颜色与圆角边框大小。

这种方法完全通过改变Qt

Designer样式表styleSheet来实现不需要编写额外的代码。

1样式表语法和属性

样式表的规则由选择器和声明组成。

选择器指定哪些小部件受规则影响声明指定应该在小部件上设置哪些属性。

常用属性包括

background-color设置背景颜色。

color设置前景色通常是文本颜色。

border设置边框的宽度、样式和颜色。

font设置字体样式。

padding设置内边距。

margin设置外边距。

2样式表代码示例

Qt样式表QSS中支持的伪状态非常丰富以下是总结的一些常见的伪状态

active部件处于活动状态时应用的样式。

adjoins-item当QTreeView的::branch与某个item相邻时将设置此状态。

alternate如果设置了QAbstractItemView::alternatingRowColors(true)隔行变色那么设置隔行的item。

bottom此item位于底部。

例如QTabBar有位于底部的选项卡。

checked项目被选中的状态。

closable项目处于可以关闭的状态例如QDockWidget启用了QDockWidget::DockWidgetClosable功能。

closed项目处于的关闭状态。

如QTreeView中的非展开项。

default控件的默认状态。

例如一个default的QPushButton或QMenu中的一个默认动作。

disabled此item被禁用时的状态。

editable如QComboBox是可编辑的。

edit-focus此item具有编辑焦点参考QStyle::State_HasEditFocus。

此状态仅对Qt扩展应用程序可用。

enabled此item已启用。

exclusive此item是一个独占项组的一部分。

例如独占QActionGroup中的菜单项。

first此item是列表中的第一项。

例如QTabBar中的第一个选项卡。

focus控件获得焦点时的样式。

hover鼠标悬停在控件上时的样式。

indeterminate控件处于不确定状态时的样式如三态复选框。

last此item是列表中的最后一项。

left此item位于左侧。

middle此item位于列表中间。

off控件处于关闭状态时的样式。

on控件处于开启状态时的样式。

only-one此item是列表中唯一的一项。

pressed控件被按下时的样式。

right此item位于右侧。

selected项目被选中时的样式。

使用方法示例

可以为同一个声明指定多个选择器使用逗号(,)分隔选择器。

例如为QLineEdit和QComboBox设置相同的边框样式

.QLineEdit,

对于需要修改样式的单个控件你可以右键单击该控件然后选择“改变样式表...”选项。

在弹出的编辑样式表窗口中添加对应的样式表内容。

方法一

所存在的问题位于该页上的小部件由于存在继承的关系小部件将继承该页的背景。

2小部件法