本文使用Qt版本为Qt 4.8。
代码示例:
QPushButton pushButton("Beauty");;
pushButton.setStyleSheet(
"QPushButton{" // 正常状态样式
"background-color: rgb(50, 50, 50);" // 背景色(也可以设置图片)
"color: white;" // 字体颜色
"font: bold 13px;" // 字体: 加粗 大小
"border-radius: 5px;" // 边框圆角半径像素
"border: 2px solid rgb(50, 50, 50);" // 边框样式:border-width border-style border-color
"border-style:outset;" // 定义一个3D突出边框,inset与之相反
"text-align: left;" // 文本:左对齐
"}"
"QPushButton:focus{" // 聚焦样式
"background-color:rgb(255, 128, 64);"
"color: white;"
"border-radius: 5px;"
"border: 2px solid white;"
"border-style:outset;"
"font:bold 13px;"
"text-align: left;"
"}");
1、"QPushButton{"、 "QPushButton:focus{" 指定了不同情况下显示其对应的样式。假设该按钮setFocus之后,Qt就会根据上面的第二段的样式设置进行显示。
2、其它常用情况还包括
QPushButton:pressed | 按钮被按下 |
QPushButton:hover | 鼠标停在按钮的位置 |
想了解更多可以查看官网的帮助文档:List of Pseudo-States | Qt 4.8。
3、另一种写法,如:
QString styleSheet = "QPushButton{background-color: rgb(50, 50, 50); color: white;}";
pushButton.setStyleSheet(styleSheet);
4、关于样式的语法规则,可通过官方文档简单了解:The Style Sheet Syntax | Qt 4.8。
此外,农夫在学习CSS样式时,更多是在 CSS 教程 | 菜鸟教程 通过其搜索功能学习的,在此推荐,共勉。
以上是农夫今天刚接触StyleSheet所了解的内容,便简单总结一下。如有不足之处,请多多指教。
参考:
setStyleSheet来设定窗口部件的样式_网络_Seanyxie Blog -CSDN博客
Qt--样式表设置按钮样式_ui_sinan1995的博客-CSDN博客