Qt官方示例-样式表

样式表示例显示了如何使用样式表。

  样式表示例显示了如何使用Qt样式表设置窗口小部件的样式。您可以通过选择"File" >"Edit Style"来打开样式编辑器，以选择现有样式表或设计自己的样式并加载它。

  样式表示例包含以下两个类：

• MainWindow
• StyleSheetEditor

MainWindow类

  MainWindow继承QWidget，并且是在中定义的应用程序主窗口mainwindow.ui。的样式MainWindow可以用修改StyleSheetEditor。

StyleSheetEditor类

  StyleSheetEditor使你可以打开样式表编辑器，在其中可以加载现有样式表。也可以定义一个新的样式表并加载它。其布局在中定义stylesheeteditor.ui。

• 设置指定的styleName并将applyButton设为灰色。

代码语言：javascript复制

void StyleSheetEditor::on_styleCombo_activated(const QString &styleName)

• 从styleSheetName加载样式表。

代码语言：javascript复制

void StyleSheetEditor::on_styleSheetCombo_activated(const QString &sheetName)

• applyButton更改缓冲区中的文本时启用。

代码语言：javascript复制

void StyleSheetEditor::on_styleTextEdit_textChanged()

• 在qApp中设置样式表属性，并禁用applyButton。

代码语言：javascript复制

void StyleSheetEditor::on_applyButton_clicked()

• 加载指定的sheetName，并设置其属性qApp。

代码语言：javascript复制

void StyleSheetEditor::loadStyleSheet(const QString &sheetName)

咖啡色风格样式表

关于更多

• 在QtCreator软件可以找到：

• 或在以下Qt安装目录找到：

代码语言：javascript复制

C:Qt{你的Qt版本}Examples{你的Qt版本}widgetswidgetsstylesheet

• 相关链接

https://doc.qt.io/qt-5/qtwidgets-widgets-stylesheet-example.html

qt

0 人点赞