QT中QSS的使用

翻译 2013年12月01日 22:26:06
QSS语法

同css一样,他也有由一个selector与一个declaration组成,selector指定了是对哪一个控件产生效果,而declaration才是真正的产生作用的语句。如:
QPushButton { color: red }
QPushButton指定了是对所有的QPushButton或是其子类控件(如用户定义的MyPushButton)产生影响,而color:red表明所有的受影响控件的前景色都为red。
除了“类名”,“对象名”,“Qt属性名”这三样东西是大小写敏感的外其他的东西都是大小写不敏感的,如color与Color代表同一属性。
如果有几个selector指定了相同的declaration, 可以使用逗号(,)将各个选择器分开,如:
QPushButton, QLineEdit, QComboBox { color: red }
他相当于:
QPushButton { color: red }
QLineEdit { color: red }
QComboBox { color: red }

declaration部份是一系列的(属性:值)对,使用分号(;)将各个不同的属性值对分开,使用大括号({})将所有declaration包含在一起。


如下:

QProgressBar{
    color : solid gray;
    border: 2px solid gray;
    border-radius: 5px;
    background: transparent;
    padding: 0px;
    text-align : center ;
}
QProgressBar::chunk{
    background: #B22222;
}


QTextEdit{
    border: 10px;
    border-image: url(image/system/border.png)10 10 10 10 ;
    background-color: rgba(43,45,31,255);
}


QTextEdit[description="true"]{
    border: 10px;
    border-image: none;
    background-color: rgba(255,255,255,255);
}


QTextEdit QScrollBar:vertical  {
     margin: 22px 0 22px 0;
}


QScrollBar:add-page
{
     background-color: rgba(0,0,0,255);
}


QScrollBar:sub-page
{
     background-color: rgba(0,0,0,255);
}


使用过程如下:

过程如下:

    1、建立文本文件,写入样式表内容,更改文件后缀名为qss;

    2、在工程中新建资源文件*.qrc,将qss文件加入资源文件qrc中,此处注意prefix最好为"/",否则在调用qss文件时会找不到文件;

    3、通过传入路径\文件名的方式创建一个QFile对象,以readonly的方式打开,然后readAll,最后qApp->setStyleSheet就可以使qss生效。




相关文章推荐

Qt Creator中使用qss对界面美化没有作用(效果)的问题

(1)我在Qt Creator中新建了一个工程,添加qss文件及内容后运行,加载qss文件并运行程序,qss美化效果死活出不来(经检查,qss内容及加载过程都正确); (2)在Qt Creato...

Qt样式表QSS基本使用

Qt具有一种名为样式表的文件qss,主要结构与css相似,用于将界面与样式风格相互分离,形成同web相同的可以随意换肤的效果。 一、QSS语法     和css 一样,他也有由一个选择器和具体的样...

使用Qt Style Sheet(1)--QSS语法

借用css 的灵感, Qt也支持Qt自己的css, 简称qss。同css 相似,qss的主要功能与最目的都是能使界面的表现与界面的元素分离,即质与形的分离,就如同一个人可以在不同的时候穿上不同的衣服一...

使用Qt Style Sheet(2)--QSS语法

借用css 的灵感, Qt也支持Qt自己的css, 简称qss。同css 相似,qss的主要功能与最目的都是能使界面的表现与界面的元素分离,即质与形的分离,就如同一个人可以在不同的时候穿上不同的衣服一...

Qt之QSS使用

CSS,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编...

QT QSS 使用

QProgressBar{ color : solid gray; border: 2px solid gray; border-radius: 5px; backgr...

QT QSS 使用

QProgressBar{ color : solid gray; border: 2px solid gray; border-radius: 5px; backgr...

Qt Creator项目中使用qss

Qt Creator项目中使用qss

QT布局以及使用QSS

最近花了一周的时间学习了QT,学习的结果是能够使用它进行一些简单的界面开发,其实在学习的过程中发现QT的功能还是挺强大的,但因为学习的时间太短,可能它的精髓还没有能够体会到,现在想要把这段时间学习的心...

qt qss编辑器

  • 2017年10月26日 11:06
  • 11.57MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:QT中QSS的使用
举报原因:
原因补充:

(最多只允许输入30个字)