标题

• • QT中样式设计(qss语句的使用)
  • 常用的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个像素，颜色设置成ff0000QPushButton: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);

给组件添加背景图片

给QT工程添加资源文件

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

添加资源文件的步骤：

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