QSS教程：让Qt designer设计的框架更美化，方便pyqt5使用

一、选择器

/* 在主框架中使用才有效 */
*{...}   /* 匹配所有 */
QPushButton{...}   /* 按类寻找，匹配所有QPushButton类，包括其子类 */
.QPushButton{...}  /* 按类寻找，匹配所有QPushButton类 ，不包括其子类*/
#Form{...}      /* 按对象寻找，唯一识别 */
QWidget QPushButton{...}    /*  多层寻找用空格隔开，能匹配子、孙... */
QWidget > QPushButton{...}     /*  只匹配子类  */

【类大全】

/* 按钮 */
QPushButton{
}
/* 一行输入框 */
QLineEdit{
}
/* 标签 */
QLabel{
}
/* 标签 */
QLabel{
}
/* 标签 */
QLabel{
}
/* 标签 */
QLabel{
}

二、资源导入

当前目录打开cmd运行

Pyrcc5 file.qrc -o file_rc.py

三、风格样式

2.1、按钮

QPushButton
{
	background-color: rgb(75, 173, 238); /*背景色*/ 
	border-style: outset;    /* 边界内凹 */
	border-width: 1px;     /* 边边界宽度 */
	border-radius:16px; /* 边界圆滑 */
	font: bold 16px;     /* 字体大小 */
	min-width:2em;
	color:white; /* 字体颜色 */
	
}
/* 鼠标经过改变按钮颜色 */
QPushButton:hover
{
	background-color: rgb(0, 150, 0);
}

其他设置

border:none;     /* 取消边界边框 */
border: 2px solid rgb(255, 255, 255);   /* 添加2px的白色框 */

width: 100px;    // 设置宽度
height: 30px;     // 设置高度
border:1px solid black;    // 设置边界颜色
background-color: white;    // 设置背景颜色

2.2、输入框

QLineEdit{
border-style: outset;  /* 边界内凹 */
border-width: 1px;  /* 边界宽度 */
border-radius:5px; /*边界圆滑*/
font-size: 15px;  /* 字体大小 */
}

其他设置pyqt5

self.passwordLineEdit.setPlaceholderText("Password")  #设置隐秘输入
self.passwordLineEdit.setEchoMode(QLineEdit.Normal)  # 设回正常

2.3、界面背景

background-color: rgb(75, 173, 238); /*背景色*/ 
background: url(:/cs/head/头像2.png);  /* 添加背景图片，不可改变照片大小 */
background-position:top center;   /* 设置背景图片位置 */

2.4、Qt 样式的追加（pyqt5）

txt = self.home_button.styleSheet() + '''QToolButton{ background-color:rgb(240, 240, 240); }'''
self.home_button.setStyleSheet(txt)

*为何这样做，因为setStyleSheet()设置会覆盖之前的样式，所以先获取之前样式再合并追加