qt自定义控件三态,setStyleSheet实现（例-pushButton）

最新推荐文章于 2024-12-21 08:51:38 发布
原创 最新推荐文章于 2024-12-21 08:51:38 发布 · 1.6k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何使用Qt为按钮设置不同状态下的图片样式，包括正常状态、鼠标悬停状态及按下状态，并说明了设置样式代码的关键部分。

关键代码：
ui->pushButton->setStyleSheet("QPushButton{border-image: url(:/normal.png);}"
                                  "QPushButton:hover{border-image: url(:/hover.png);}"
                                  "QPushButton:pressed{border-image: url(:/pressed.png);}");


注意：normal-hover-pressed顺序，不能随意更改，添加图片资源到Resources;

                

        

    


  



    



                



	

		

			

				
					
Qt之自定义三态按钮

				
			

			

				

					君莫笑的博客
				

				

					12-24
					
					1764
					
				

			

		

		

			
				
Qt之自定义三态按钮

			
		

	



                

            
              



	

		

			

				
					
Qt：setStyleSheet()函数

				
			

			

				

					weixin_44190648的博客
				

				

					02-25
					
					2166
					
				

			

		

		

			
				
一.针对于具体label
#include "mainwindow.h"
#include "ui_mainwindow.h"
MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    //设置label1字体颜色、背景色
    ui->label_1->setStyleSheet("QLabel{co

			
		

	



              


  
              

                


	

		

			

				
					
自定义的QPushButton插件，可放到qt设计师使用v2.0

				
			

			

				

					05-15
				

			

		

		

			
				
一个简单的自定义QPushButton插件,可放到qt设计师使用，功能有：点击时按钮连同按钮上的文字一起缩放，给人一种很明显的点击效果。具体使用方法可参考文章http://blog.youkuaiyun.com/qqwangfan/article/details/71724118 简单说是将生成的dll放到qt的plugins\designer目录下，将插件的.h和.cpp文件放到你的工程目录下，编译通过后，可以直接使用qt设计师拖拉到界面使用。插件具体位置在qt设计师的My Plugins组下。本次上传版本为2.0版本，相对之前上传的版本，修复了当鼠标移动到按钮外释放不会恢复原状的问题。

			
		

	





	

		

			

				
					
QT qss按钮三种状态（常态，鼠标覆盖，单击）

				
			

			

				

					06-07
				

			

		

		

			
				
右键单击按钮，选择转到样式表，将附件的qss代码粘贴到按钮样式表中，图片从资源文件中选。

			
		

	



		

			
		



	

		

			

				
					
Qt学习笔记(十五)：QPushButton 按钮的常用方法

				
			

			

				

					秋忆夏伤的博客
				

				

					03-26
					
					2万+
					
				

			

		

		

			
				
获取 和 设置 按钮上的文本信息：


    // 获取按钮上的文本信息
    QString content = ui->pushButton->text();
    qDebug() << content.toUtf8().data(); // QString 类型转 char* 类型，解决打印中文乱码问题
    
    // 设置按钮上的文本信息
    u...

			
		

	





	

		

			

				
					
使用setStyleSheet来设置图形界面的外观

				
			

			

				

					imxiangzi的专栏
				

				

					07-15
					
					997
					
				

			

		

		

			
				
关于QPushButton的问题 hover press我用setStyleSheet为一个QPushButton贴了一个背景图片


但是，当点了按钮之后，会出现虚线框~~~  这样看起来就很丑，不逼真了，我不希望这个虚线框出现，
有什么好的解决方法吗？
————————————————————————————
这一组按钮（6个按钮，垂直排列），实现如下效果以及解决方案：
程序启动

			
		

	





	

		

			

				
					
Qt—样式表（setStyleSheet()）

				
			

			

				

					Code搬运工
				

				

					12-03
					
					1万+
					
				

			

		

		

			
				
Qt—样式表（setStyleSheet()）

			
		

	





	

		

			

				
					
Qt之自定义控件（开关按钮）自记

				
			

			

				

					11-13
				

			

		

		

			
				
在Qt框架中，自定义控件是扩展其功能和视觉表现的重要方式。本文将深入探讨如何创建一个自定义的开关按钮，并将其转化为Qt Designer插件，以便于在设计界面时直接使用。我们将主要关注以下几个方面：自定义控件的...

			
		

	





	

		

			

				
					
Qt之PushButton的自定义控件

				
			

			

				

					weixin_43251410的博客
				

				

					12-14
					
					946
					
				

			

		

		

			
				
你可以通过自定义 QPushButton 来实现多种不同的视觉效果和行为。自定义 QPushButton 通常涉及以下几个步骤：
创建一个自定义按钮类：通过继承 QPushButton 并重写必要的方法来实现自定义功能。
设置按钮的样式：使用 Qt 的样式表（QSS）或重写 paintEvent 方法来自定义按钮的外观。
添加自定义行为：通过重写事件处理方法（如鼠标点击、悬停等）来实现自定义行为。

			
		

	





	

		

			

				
					
QT常用控件（二）——自定义控件封装

				
			

			

				

					明月清风@的博客
				

				

					08-04
					
					484
					
				

			

		

		

			
				
引言
Qt已经提供了很多的基础控件供开发使用，而Qt原生的控件有时候并不能满足我们的需求，特别是在工业的运用上，比如我们需要一个日期时间的选择器，Qt虽然已经提供了原生的QDateTime控件，但这个原生控件并不能满足我们的需求，又比如我们需要实现类似微信左侧的消息列表，单纯的原生QListWidget(QListView)并不能完整的满足需求，这个时候我们就会寻找一种可以满足我们需求的控件。而...

			
		

	





	

		

			

				
					
qt中继承pushbutton自定义控件设置按钮样式

				
			

			

				

					肩上风骋的博客
				

				

					08-20
					
					2694
					
				

			

		

		

			
				
提要
继承QPushButton后的按钮，设置其样式。
实现
在自定义的控件类中添加Q_OBJECT宏
在自定义的控件的类中重写paintevent函数
自定义的控件在使用时，必须指明其父对象
使用样式表设置样式，将类名改为自定义的类名
例子
直接上代码
myButton.h
#ifndef MYBUTTON_H
#define MYBUTTON_H

#include <QWidget>
#include <QPushButton>


class myButton : publi

			
		

	





	

		

			

				
					
QT---StyleSheet之按钮

				
			

			

				

					路在脚下，Quick run!
				

				

					01-13
					
					540
					
				

			

		

		

			
				
const QString sButton =
{
	//正常状态样式
	"QPushButton{"
	"background-color:rgb(85, 255, 127);"
	"border-style:outset;"                
	"border-width:2px;"                     //边框宽度像素
	"border-radius:1px;"                   //边框圆角半径像素
	"border-color:rgba(255.

			
		

	





	

		

			

				
					
setStyleSheet来设置图形界面的外观

					
热门推荐

				
			

			

				

					yongan1006的专栏
				

				

					03-31
					
					5万+
					
				

			

		

		

			
				
来自：http://www.360doc.com/content/11/1122/10/7899729_166398154.shtml

使用setStyleSheet来设置图形界面的外观：
QT Style Sheets是一个很有利的工具，允许定制窗口的外观，
此外还可以用子类QStyle来完成，他的语法很大比重来源于html的CSS，但是适用于窗口
概括：
Style Sheets

			
		

	





	

		

			

				
					
QT QPushButton 通过stylesheet 设置样式

				
			

			

				

					
				

				

					03-02
					
					2188
					
				

			

		

		

			
				
1.QT QPushButton 通过stylesheet 设置样式
ui->pushButton->setStyleSheet("QPushButton{background-color:rgba(255,178,0,100%);\
                                            color: white;   border-radius: 1...

			
		

	





	

		

			

				
					
setStyleSheet(“background-color: default；“)

				
			

			

				

					xie__jin__cheng的博客
				

				

					12-21
					
					388
					
				

			

		

		

			
				
setStyleSheet("background-color: default;")

			
		

	





	

		

			

				
					
我的QT Creator学习笔记（十九）——Qt样式表

				
			

			

				

					sinat_41928334的博客
				

				

					08-02
					
					2748
					
				

			

		

		

			
				
Qt样式表的术语和语法规则与HTML CSS基本相同。

一、样式规则

样式表包含了一系列的样式规则，每个样式规则由选择器（Sekector)和声明（declaration)组成。选择器制定了受规则影响的部件，声明指定了这个部件上药设置的属性。例如：

QPushButton{color:red}这个规则指定了QPushButton和它的子类使用红色作为前景色。多个选择器(用逗号隔开）可以指定相同的声明，如下

QPuButton,QLineEdit,QComBox{color：red}

声明部分也可以

			
		

	





	

		

			

				
					
QT setStyleSheet函数

				
			

			

				

					2301_79503228的博客
				

				

					09-26
					
					1297
					
				

			

		

		

			
				
Qt中的setStyleSheet函数用于设置QWidget或其子类的样式表。样式表是一种CSS风格的文本，用于定义窗口部件的外观，它可以用来改变控件的颜色、字体、边框等外观属性。

			
		

	





	

		

			

				
					
Qt 使用setStyleSheet

				
			

			

				

					weixin_45053845的博客
				

				

					02-02
					
					982
					
				

			

		

		

			
				
Qt 使用setStyleSheet

			
		

	





	

		

			

				
					
Qt样式表的使用setStyleSheet

				
			

			

				

					soldier_d的博客
				

				

					06-30
					
					7648
					
				

			

		

		

			
				
样式表的示例

如下面这段代码，这里是指定了QWidget类的背景颜色、字体大小和名称、前景色。这个样式表会应用的QWidget类以及其子类。


QWidget{
    background-color: rgb(255,255,0);
    color: rgb(255,0,0);
    font: 12pt "宋体";
}

样式表的语法

样式法则由一个选择器(selector)和一些声明(declaration)组成，上例中，QWidget就是选择器，表明后面花括号中的样式声明应用于QWid

			
		

	





	

		

			

				
					
如何在Qt中实现按钮的三态效果？

					
最新发布

				
			

			

				

					07-15
				

			

		

		

			
				
Qt 原生按钮默认支持这些状态变化，但当使用自定义按钮或图标时，需要手动配置样式来实现三态效果。  #### 使用样式表设置三态背景图像  通过 `setStyleSheet` 方法可以为按钮的不同状态指定不同的背景图片或颜色。...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  

	
    

      

      

      

        
        

          
          

            

              成就一亿技术人!
            

            

              拼手气红包6.0元
            

          

        

        

          

            还能输入1000个字符
          

          

             
          

          

            

              红包
              添加红包
            

            

              表情包
              插入表情
              

                

              

            

            

              表情包
              代码片
              

                
              

            

            

              
              
              
              
              
              
              
            

          

        

      

    

		

			

			

			

					 条评论被折叠 查看
			

			

				
			

		

	

	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值