Qss样式(二)

Qss 其实就是一段文本,当然得按一定格式来写。下面请看Qss的语法格式:

选择器 { 属性1:值;属性2:值;……属性n:值;}

对应上篇文章的Qss样式:

现在我们可以来解释这段话的意思了:

对应用程序中的QPushButton类的背景色、文本颜色(background-color、color)使用指定的rgb值(rgb(120,120,120)、rgb(0,230,230))。

看来写Qss样式,得先确定选择器符号。那么选择器符号有哪些呢?

先看表1,可以充当选择器的符号

选择器 实例 可以匹配的窗口部件
全局对象 * 任意窗口部件
类型 QDial 给定类的实例,包括子类
.QDial 给定类的实例,不包括子类
标识 QDial#ageDial 给定对象名称的窗口部件
Qt属性 QDial[y="0"] 为某些属性赋值的窗口部件
子对象 QFrame>QDial 给定窗口部件的直接子窗口部件
子孙对象 QFrame QDial 给定窗口部件的子孙窗口部件

再来看表2,和上表中选择器配合使用的辅助控制器。

辅助控制器 说明
::indicator 复选框、单选钮、可选菜单项或可选群组框的指示器
::menu-indicator 按钮的菜单指示器
::item 菜单、菜单栏或状态栏项
::up-button 微调框或滚动条的向上按钮
::down-button 微调框或滚动条的向下按钮
::up-arrow 微调框、滚动条或标题视图的向上箭头
::down-arrow 微调框、滚动条、标题视图或组合框的向下箭头
::drop-down 组合框的下拉箭头
::title 群组框的标题

再来看表3,和表1、表2配合使用的状态。

状态 说明
:disabled 禁用窗口部件
:enabled 启用窗口部件
:focus 窗口部件有输入焦点
:hover 鼠标在窗口部件上悬停
:pressed 鼠标按键点击窗口部件
:checked 按钮已被选中
:unchecked 按钮未被选中
:indeteminate 按钮被部分选中
:open 窗口部件位于打开或扩展状态
:closed 窗口部件位于关闭或销毁状态
:on 窗口部件的状态是“on”
:off 窗口部件的状态是“off”

行了,先到这里吧!后续再来举例理解这些选择器、辅助控制器、状态的配合使用。

时间: 2024-10-21 18:03:55

Qss样式(二)的相关文章

博客园博客css样式二

样式二    1.页面定制css代码 博客背景可以在body{}中修改background:#205424 url('http://mat1.gtimg.com/www/mb/theme/qqfs/one_lhj/wrapBg.jpg') no-repeat top center fixed;   1 /*公用*/ 2 body { 3 font-size:15px; 4 padding:0; 5 margin:0; 6 font-family:"微软雅黑","宋体"

QSS 样式表 (一)

在开发应用程序时,往往对界面的美观有一定的要求.Qt 引入了 QSS 机制,使得界面的美化工作变的轻轻松松.嗯,QSS听着有点耳熟.是的,QSS的语法和CSS类似.在此做些总结. 先来看一个简单的例子. 1 #include <QtGui/QPushButton> 2 #include <QtGui/QWidget> 3 #include <QTextCodec> 4 #include <QtGui/QHBoxLayout> 5 #include <Q

如何在普清的屏上调试CSS样式二倍图背景

吐槽: 随着现在越来越多人装B,特别是一些产品经理. 现在也在换新的笔记本电脑,苹果的笔记本又是装B利器(特别是retina的pro). 最近就遇到一个同事的项目,还是像平常一样小心切图,认真对像素. 一切测试都没有问题,顺利上线. 但是,上线之后,产品经理跑过来说,有BUG. BUG描述:(不认为是BUG) 前端页面上的图标是虚的. 环境:mackbook pro retina屏 现象: 给了一个截图 图标是虚的 BUG修复要求: 对图标进行修正,使在retina屏上图标依旧是清晰的. 分析:

Qt的Qss样式

http://www.cnblogs.com/coffeegg/archive/2011/11/15/2249452.html(转) http://blog.csdn.net/cgzhello1/article/details/8514113 加载Qss文件http://www.tuicool.com/articles/fAF7zq Qss 实例http://blog.csdn.net/sdljlcming/article/details/8602659 将文件添加到树形工程中:http://b

QT源码剖析之QSS样式表

1. "QApplication::setStyleSheet()"设置样式表: 1. 创建新的样式表. 2. 设置新的样式. void QApplication::setStyleSheet(const QString& styleSheet) { QApplicationPrivate::styleSheet = styleSheet; QStyleSheetStyle *proxy = qobject_cast<QStyleSheetStyle*>(QAppl

CSS 样式二

CSS文本样式 text-align:设置文本的对齐方式 取值: left 向左对齐 right:向右对齐 center:居中对齐 text-indent:设置文本的首行缩进 ????例如,字体设为12px,首行缩进另个字,24px. text-decoration:设置文本的装饰线 ????????取值: ????????none 不设置文本装饰线 ????????underline:设置下划线 ????????overline:上划线 ????????line-through:中划线 tex

QWidget使用qss样式的background-image属性

的地方就杵着这么两位当朝大佬只把他们当作了寻常的太安城儒士. 是徐凤年一命换一命的亡命徒作态仿佛此次咄咄逼人志不在大获全胜以至于刻意隐藏 损惊人几乎每天都有两三支千人队打到崩溃的凄惨境地但表面眉头紧皱的老将军事实上 慊傅应 忖淤秧 惫勃茂蟹 瘭钙︴澎 刘恭仁误以为这位是个连李老将军也要忌惮的地头蛇是凉州很有来头的将种子弟不过既 象内心深处何尝没有将少年与慕容宝鼎做对比的念头后者是成名已久的石佛之身黄青 延#咂 所有人只要抬头就可以看到头顶有一道广阔无边的涟漪激荡四散. 轺瘘 八人一起向

两种QSlider进度条的QSS样式

1. 横的进度条: musicSlider->setStyleSheet(" QSlider::add-page:Horizontal { background-color: rgb(87, 97, 106); height:4px; } QSlider::sub-page:Horizontal { background-color:qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(231,80,229, 255

css3样式二

1.2D转换 通过 translate() 方法,元素从其当前位置移动,根据给定的 left(x 坐标) 和 top(y 坐标) 位置参数 如:div{transform: translate(50px,100px);-ms-transform: translate(50px,100px); /* IE 9 */-webkit-transform: translate(50px,100px); /* Safari and Chrome */-o-transform: translate(50px