QT 学习 (设置QPushButton和QLabel样式表)

最新推荐文章于 2024-07-18 12:06:55 发布

不一传说

最新推荐文章于 2024-07-18 12:06:55 发布

阅读量1.1k

点赞数

原文链接：https://blog.csdn.net/dianzishi123/article/details/86522498?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164497230316780271510554%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=164497230316780271510554&biz_

版权

Qt QLabel QPushButton 样式表资源管理

关键词由CSDN通过智能技术生成

工程文件:

步骤:

(1). 把用到的资源图片全部加载到工程中(其实并没有用到那么多)

(2). 在ui设置中添加一个QLabel和QPushButton并改变按钮的大小

(3). 在初始化时设置控件的样式表(构造函数中)

操作:

(1). 如何向工程添加资源:https://blog.csdn.net/dianzishi123/article/details/86475565

(2). 在ui设置中添加一个QLabel和QPushButton并改变按钮的大小

(3). 在初始化时设置控件的样式表(构造函数中)

mainwindow.cpp文件:


   
   
     
     
      
      
     
     
     
     
      
      
       
       #include "mainwindow.h"
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
       #include "ui_mainwindow.h"
      
      
     
     

     
     
      
      
     
     
     
     
      
       
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
       MainWindow::
       
       MainWindow(QWidget *parent) :
      
      
     
     

     
     
      
      
     
     
     
     
      
          
       
       QMainWindow(parent),
      
      
     
     

     
     
      
      
     
     
     
     
      
          
       
       ui(
       
       new Ui::MainWindow)
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
       {
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
           ui->
       
       setupUi(
       
       this);
      
      
     
     

     
     
      
      
     
     
     
     
      
       
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
           ui->label->
       
       setStyleSheet(
       
       "QLabel{color:rgb(11,111,11);"   
       
       //字体颜色
      
      
     
     

     
     
      
      
     
     
     
     
      
                                 
       
       // "background-color:red"            //背景色
      
      
     
     

     
     
      
      
     
     
     
     
      
                                  
       
       "background-image:url(://jpg/1.jpg)"   
       
       //添加图片
      
      
     
     

     
     
      
      
     
     
     
     
      
                              
       
       //      "border-image:url(://jpg/1.jpg)"   //添加图片 自适应大小
      
      
     
     

     
     
      
      
     
     
     
     
      
                                  
       
       "}");
      
      
     
     

     
     
      
      
     
     
     
     
      
       
      
      
     
     

     
     
      
      
     
     
     
     
      
       
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
           ui->pushButton->
       
       setStyleSheet(
       
       "QPushButton{"
      
      
     
     

     
     
      
      
     
     
     
     
      
                                        
       
       "border-image:url(://jpg/1.jpg)"  
       
       //按钮初始背景图片
      
      
     
     

     
     
      
      
     
     
     
     
      
                                         
       
       "}"
      
      
     
     

     
     
      
      
     
     
     
     
      
       
      
      
     
     

     
     
      
      
     
     
     
     
      
                                        
       
       "QPushButton:hover{"     
       
       //按钮鼠标放上后背景图片
      
      
     
     

     
     
      
      
     
     
     
     
      
                                        
       
       "border-image:url(://jpg/2.jpg)"
      
      
     
     

     
     
      
      
     
     
     
     
      
                                          
       
       "}"
      
      
     
     

     
     
      
      
     
     
     
     
      
       
      
      
     
     

     
     
      
      
     
     
     
     
      
                                        
       
       "QPushButton:pressed{"   
       
       //按钮鼠标按下背景图片
      
      
     
     

     
     
      
      
     
     
     
     
      
                                        
       
       "border-image:url(://jpg/3.jpg)"
      
      
     
     

     
     
      
      
     
     
     
     
      
                                        
       
       "}");
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
       }
      
      
     
     

     
     
      
      
     
     
     
     
      
       
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
       MainWindow::~
       
       MainWindow()
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
       {
      
      
     
     

     
     
      
      
     
     
     
     
      
          
       
       delete ui;
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
       }