Qt：Qss 样式设置（01）- Buttons

最新推荐文章于 2024-06-17 09:49:41 发布

16是只猫

最新推荐文章于 2024-06-17 09:49:41 发布

阅读量829

点赞数

分类专栏： Qt 文章标签： qt

本文链接：https://blog.csdn.net/qq_40944577/article/details/125065695

版权

这篇博客主要介绍了如何使用Qt的Qss样式来定制QPushButton和QToolButton的外观。内容涵盖基础设置和多种样式模板，帮助提升Qt应用的界面美观度。

摘要由CSDN通过智能技术生成

Qt：Qss 样式设置（01）- Buttons

一、QPushButton

1. 基础设置

/*  基本样式 */  
QPushButton{
   
	border:1px solid #4daa99;
	color:#e3e3e3;
	padding:4px 20px;
}

/*  悬浮时 */  
QPushButton:hover{
   
	background: #1f6155;
	color:#f2f2f2;
}

/*  按下时 */  
QPushButton:pressed{
   
	background: #34a897;
	color:#f2f2f2;
	border-radius: 3px;
	/* 改变边框风格 */  
    border-style:inset;
    /* 使文字有一点移动 */  
    padding-left:6px;  
    padding-top:6px;  
}

/* 按钮样式 */  
QPushButton:flat {
     
    border:2px solid red;  
}  

/* 当按钮打开菜单时:ui->pushButton->setMenu(btnMenu) */  
QPushButton:open{
     
    background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,stop: 0 #dadbde, stop: 1 #f6f7fa);  
}  

/* 子选择器:菜单 */  
QPushButton::menu-indicator {
     
    image:url(:/res/button/close.png);  
    
    /* 去掉小三角号   
    image:none;*/  
    
    /* 绘制subcontrol 的参考矩形的位置 */  
    subcontrol-origin:padding;  

    /* 小三角的位