QT：qss语句&资源文件

QT中样式设计(qss语句的使用)

什么是样式设计？
类似于网页设计中的css，为了让你的QT界面更加的好看

如何跳到QT改变样式表的界面？

• 方法一： 右键点击组件，选择改变样式表即可
• 方法二： 点击属性中的styleSheet属性，也可以跳到样式表界面

常用的qss语句

font: 48pt “楷体”; //字体设置成楷体 48号字

color: rgb(255, 0, 0);  
//前景色设置成(255, 0, 0)
  按钮的前景色指的就是按钮上文字的颜色

background-color: rgb(0, 85, 255);  
//背景色设置成(0, 85, 255)
   按钮的背景色指的就是按钮背景的颜色

border-color:rgb(0, 85, 255);   
//边框颜色设置成(0, 85, 255)
              
background-image: url(:/new/prefix1/pic/3.jpg);  
//设置背景图片

background-image: url(你需要的图片的绝对路径);
                
border-image: url(:/new/prefix1/pic/2.jpg); 
//设置边框图片(边框图片跟组件的大小保持一致)
 
border-image: url(你需要的图片的绝对路径); 

border-radius:15px;    
//把倒角设置为15个像素
  倒角的大小不能超过组件高度的一半

border:2px solid#ff0000;  
//把边框的宽度设置为2个像素，颜色设置成ff0000

QPushButton:pressed{  
background-image: url(:/button_down.png);
}设置按钮按下的时候背景图片,主界面的样式中使用

QPushButton:pressed#regBt{ 
background-image: url(:/button_down.png);
}设置指定按钮regBt按钮按下时候背景图片，主界面的样式中使用

QPushButton:hover{  
background-color:#ff00ff;  鼠标进入控件设置背景颜色
}主界面的样式中使用

QMainWindow{
border-image: url(:/new/prefix1/pic/3.jpg);
}//让图片只作用于主窗口

注意注意注意: QT中的路径的写法

• 本来路径： C:\Users\PC\Desktop\share\1.jpg
• QT要求写成： C:/Users/PC/Desktop/share/1.jpg

---

路径有两种：

• 第一种：绝对路径
  比如：C:/Users/PC/Desktop/share/1.jpg
• 第二种：添加资源文件后，写资源文件的相对路径
  比如：border-image: url(:/new/prefix1/image/2.jpg);