QT之QSS使用

QT中的QSS设置程序样式

      • QT开发工具中设置样式
      • 在程序框中使用代码设置样式
      • 程序中引入qss文件设置样式
      • 总结:

QT开发工具中设置样式

1,点击要设置样式的控件
2,右击-》弹出列表
3,选择改变样式表
4,里面包含有添加资源,添加渐变,添加颜色,添加字体样式
5,选中其中一项有设置对应控件上的一些小项,如:背景色,边框色,上边框等设置。
总结:按照步骤点击设置主界面时,可以在样式代码中加入想要设置的控件类名:

QPushButton{
	/*background-color: #473C8B; /*背景色*/ 
	border-style: outset;
	border-width: 2px;
	border-radius:5px; /*边界圆滑*/
	border-color: #8B7355;
	font: bold 20px;
	min-width:2em;
	color:#000000; /*字体颜色*/
	font-family:华文新魏;
	padding: 5px;
 }

在程序框中使用代码设置样式

在程序中定义一个控件或者想UI中拖入控件(如按钮)
我们可以使用代码设置其样式

   ui->Button->setStyleSheet(
   QString("background-color: rgb(3, 255, 247); 
   color:#000000;
   border-style:outset;
   border-width:0px; 
   border-radius:10px;"));

程序中引入qss文件设置样式

qss文件引入能够实现程序换肤功能,将程序中所有样式写入扩展名.qss文件中,程序直接调用即可实现整体皮肤的更换

QFile file(":/qss/main.qss");
file.open(QFile::ReadOnly);
QTextStream filetext(&file);
QString stylesheet = filetext.readAll();
this->setStyleSheet(stylesheet);
file.close();

总结:

最后,qcc实际上和css差不多,也有很多快捷设置方式:
属性选择器,类选择器,ID选择器,后代选择器,子选择器,伪类选择器

你可能感兴趣的:(QT基本操作,qt,开发语言,c++)