Qt样式表的使用
2016-05-10 17:29
633 查看
Qt中可以灵活的使用层叠样式表(CSS),其语法和CSS很相似。因为HTML CSS的灵活性,所以可以很方便的为QT界面设计自己需要的外观。除了子类化Style类,使用QT样式表(QStyleSheet)是另一种快速改变QT程序UI风格的方法,它很大程度上借鉴和参考了 HTML层叠样式表的语法和思想。
StyleSheet文件的默认后缀名为qss,可通过命令行参数 -stylesheet filename.qss 来设置样式表,也可通过QApplication::setStyleSheet或QWidget::setStyleSheet来设置应用程序或特定控件要使用的样式表。::setStyleSheet函数的参数是字符串(不是qss文件的名字,而是样式表的内容),所以直接使用的话,不方便一次设置大量的规则,但可使用资源文件将qss样式表嵌入到程序中,然后通过QApplication::setStyleSheet来使用。
下面简单介绍Qt样式表(QSS)的使用。
1、在当前工程目录下建立.qss格式的文件,如:css.qss,在其中编写Qt支持的CSS代码,如下所示:
2、在Qt程序中设置该样式表
在Qt程序的合适位置添加如下代码:
在程序中可通过qApp设置样式表,也可通过控件对象设置样式表。
3、QSS语法
同CSS一样,它也由Selector和Declaration。
QPushButton { color: red; }
多个Selector指定了相同的Declaration,可使用逗号将Selector选择器分开,如:
注:
CSS的语法请参见:http://www.w3school.com.cn/css/css_syntax.asp
Qt Style Sheets的详细介绍请参见官网:http://doc.qt.io/qt-4.8/stylesheet.html
StyleSheet文件的默认后缀名为qss,可通过命令行参数 -stylesheet filename.qss 来设置样式表,也可通过QApplication::setStyleSheet或QWidget::setStyleSheet来设置应用程序或特定控件要使用的样式表。::setStyleSheet函数的参数是字符串(不是qss文件的名字,而是样式表的内容),所以直接使用的话,不方便一次设置大量的规则,但可使用资源文件将qss样式表嵌入到程序中,然后通过QApplication::setStyleSheet来使用。
下面简单介绍Qt样式表(QSS)的使用。
1、在当前工程目录下建立.qss格式的文件,如:css.qss,在其中编写Qt支持的CSS代码,如下所示:
QPushButton:hover { color:yellow; background-color:green; } QPushButton[text="Cancel"] { color:red; } QTableView::item:hover,QLineEdit:hover,QComboBox:hover,QTextEdit:hover { background-color:rgb(127,255,212); } QMenuBar,QStatusBar { background-color:rgb(100,149,237); }
2、在Qt程序中设置该样式表
在Qt程序的合适位置添加如下代码:
//读取样式表 QFile qssFile("css.qss");//资源文件":/css.qss" qssFile.open(QFile::ReadOnly); if(qssFile.isOpen()) { QString qss = QLatin1String(qssFile.readAll()); qApp->setStyleSheet(qss); qssFile.close(); }
在程序中可通过qApp设置样式表,也可通过控件对象设置样式表。
3、QSS语法
同CSS一样,它也由Selector和Declaration。
QPushButton { color: red; }
多个Selector指定了相同的Declaration,可使用逗号将Selector选择器分开,如:
QPushButton, QLineEdit, QComboBox { color: red; }
注:
CSS的语法请参见:http://www.w3school.com.cn/css/css_syntax.asp
Qt Style Sheets的详细介绍请参见官网:http://doc.qt.io/qt-4.8/stylesheet.html
相关文章推荐
- GUI - Web前端开发框架
- 评价ui设计作品好坏的八个标准(界面/交互设计研究)
- QT学习 第一章:基本对话框
- 使用Shiboken为C++和Qt库创建Python绑定
- Qt 5.6更新至RC版,最终版本近在咫尺
- Jquery ui datepicker设置日期范围,如只能隔3天【实现代码】
- 为Yahoo! UI Extensions Grid增加内置的可编辑器
- 分享下手机软件界面设计浅析
- Cocos2d-x UI开发之文本类使用实例
- WPF实现类似360安全卫士界面的程序源码分享
- 谈谈对jquery ui tabs 的理解
- 在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
- UI Events 用户界面事件
- jquery UI Datepicker时间控件的使用方法(基础版)
- Hallo.js基于jQuery UI所见即所得的Web编辑器
- 基于jQuery UI CSS Framework开发Widget的经验
- jquery ui 1.7 ui.tabs 动态添加与关闭(按钮关闭+双击关闭)
- jquery UI Datepicker时间控件的使用及问题解决
- jQuery UI设置固定日期选择特效代码分享
- Jquery ajax 同步阻塞引起的UI线程阻塞问题