QT样式表之QPushButton

1.在Qt Designer 中添加样式

常用代码：

border: 2px groove gray;  //设置边框的颜色 + 凹下去
border: 2px solid gray;   //设置边框的颜色 + 凸起来
border-radius:5px;		  //设置圆角 （圆形BUtton）设置的大小要小于 宽度和高度的一半（否则不能实现圆形）
background-color:rgb(150, 190, 60, 255);	//设置背景颜色 （颜色 + 透明度）（0-255   0 是透明  255是不透明）
color:red;				  //字体颜色
font-size:15px; 		  //字体大小

样式例子：

对单独的控件设置样式表：

第一个样式图代码(button的大小为(50,50))：

第二个样式图代码(button的大小为(50,50))：

2.对控件设置样式表
设置单个控件：

// 第一种：单个控件;
ui->pushButton->setStyleSheet("QPushButton{border-radius:5px;background:rgb(170, 170, 255);color:red;font-size:15px;}");

//第二种：Qt Designer 中点击某个控件->右键鼠标->改变样式表->添加样式表内容

设置所有的控件

// 第一种：整个界面
this->setStyleSheet("QPushButton{border-radius:5px;background:rgb(255, 255, 100);
color:red;font-size:15px;}");

//第二种：右击整个列表的Wigdet设置样式表

3.设置图片
可嵌入整个图片：

border-image: url(:/new/prefix1/1.jpg);

只嵌入一张图片的部分内容：

background-image: url(:/new/prefix1/1.jpg);

4.设置鼠标不同状态下的按钮的状态

//不同状态时的按钮颜色
QPushButton{color:rgb(255, 0, 0)}			//初始时的状态      
QPushButton:hover{color:rgb(0, 255, 0)} 	//放上去的状态
QPushButton:pressed{color:rgb(0, 0, 255)}	//按下去的状态

5.通过qss文件来设置样式表
鼠标右键项目-> Add New-> Qt resource file->iamge.qrc文件
iamge.qrc文件->鼠标右键->add prefix->输入：/qss（文件夹名）->将.qss文件添加进来->编辑qss文件（样式表的内容）

如何添加QSS文件呢？
第一种：鼠标右键.qrc文件，添加资源文件，填写：test.qss->(选择添加到刚才添加的/qss文件夹中)，编辑test.qss的内容(鼠标右键.qrc文件 open in editor，双击qss文件)

第二种：在源文件.pro的路径目录中，新建一个文本.txt，将后缀改为.qss即可（然后操作添加到/qss文件中，进行编辑），(鼠标右键.qrc文件 open in editor，双击qss文件)

test.qss

QPushButton
{
    border-radius:5px;
    background:rgb(150, 190, 60, 255);
    color: red;
    font-size:15px;
}

widget.cpp

QFile file(":/qss/test.qss");
if (file.open( QFile::ReadOnly))
{
   QString styleSheet = this->styleSheet();
   styleSheet += QLatin1String(file.readAll());
   ui->btn->setStyleSheet(styleSheet);
}

样式结果：

6.指定某个控件
设置某个控件的样式表：“控件继承的类”+“objname”

ui->pushButton->setObjectName("btn");

QPushButton#btn
{
	border-radius:5px;
	background-color:rgb(170, 170, 255);
	color:red;
	font-size:15px;
}