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);
}//让图片只作用于主窗口
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

注意注意注意: 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);

给组件添加背景图片

给QT工程添加资源文件

资源文件：你的QT工程需要用到的外部文件都叫做资源文件,常见的资源文件有图片，音频文件，视频文件

添加资源文件的步骤：

• 第一步：在你的QT工程文件夹中把要添加的图片保存到新建的文件夹中
• 第二步：右键点击工程名，
  选择add new
  选择QT，选择QT resources file
  点击add prefix，接着再点击add files
  会自动弹出文件对话框,找到自己要添加的图片，添加即可
• 第三步：ctrl+s保存即可