QT设置控件颜色

本文介绍如何使用Qt中的QPalette和样式表来改变窗口和控件的颜色、背景以及透明度,包括背景色设置、圆角控件、半透明窗口的实现方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

转自:http://hi.baidu.com/xiaofan812/item/9a039d62849fa22268105b11



一般的属于QWidget子类的一些控件,可以直接使用样式表,例如
label->setStyleSheet("color:white");
Qpalette类相当于对话框或是控件的调色板,它管理着控件或窗体的所有颜色信息,每个窗体或控件都包含一个QPalette对象,在显示时按照它的QPalette对象中对各部分各状态下的颜色的描述来进行绘制。就像油漆匠的油漆计划,当要刷墙时,到计划中去查一下墙需要刷成什么颜色。采用这种方式可以很方便地对窗体的各种颜色信息进行管理。
QPalette类有两个基本的概念,一个是ColorGroup,另一个是ColorRole。
ColorGroup指的是3中不同的状态,包括一下几种。QPalette::Active:获得焦点的状态。QPalette::Inactive:未获得焦点的状态。QPalette::Disable:不可用状态。通常情况下,Active状态与Inactive状态下颜色显示是一致的,当然也可根据需要设置成不一样的颜色
ColorRole指的是颜色主题,即对窗体中不同部位颜色的分类,如QPalette::Window是指背景色,QPalette::WindowText指的是前景色等。
QPalette::setColor()函数对某个主题的颜色及状态进行设置。
QPalette::setBrush()函数对显示进行更改,这样就有可能使用图片而不仅仅是单一的颜色来对主题进行填充了。
QPalette::setColor(ColorRole r,const Qcolor &c);对某个主题颜色进行设置,并不区分状态
QPalette::setColor(ColorGroup gr,ColorRole r,const QColor &c);对主题颜色进行设置的同时还区分了状态。
xxx->setAutoFillBackground(true);
Qpalette p=xxx->palette();
p.setColor(QPalette::Window,color);//p.setBrush(QPalette::Window,brush);
xxx->setPalette(p);
Qt之前版本中有关背景色设置的函数如setBackgroundColor()或是前景色设置的函数如setForegroundcolor()在Qt4中都被废止,统一由QPalette类进行管理。
注意要先调用setAutoFillBackground(true)设置窗体自动填充背景。如:
ui->label->setAutoFillBackground(true);    ui->label->setPalette(QColor(list.at(1).toInt(),list.at(2).toInt(),list.at(3).toInt(),list.at(4).toInt()));
ui->label->setPalette(Qt::blue);
QPalete::Window,通常指窗口部件的背景色;

  QPalette:WindowText,通常指窗口不见的前景色;

  QPalette::Base,指文本输入窗口部件(比如QtextEdit,QLinedit等)保利地产的背景色.//应该用这个的

  QPalette::Text,与QPalette::Base一块使用,指文本输入窗口部件的盗梦空间前景色;

  QPalette::Button,指按钮窗口部件的背景色;

  QPalette::ButtonText,指按钮窗口部件的前景色
 

一. 背景刷成黑色,前景色设为白色。 方法一、paltette方式,经测试,该方法不会影响到其他控件,推荐使用 
QPalette bgpal = palette();
bgpal.setColor (QPalette::Background, QColor (0, 0 , 0, 255));
//bgpal.setColor (QPalette::Background, Qt::transparent);
bgpal.setColor (QPalette::Foreground, QColor 
(255,255,255,255)); setPalette (bgpal);
方法二、stylesheet方式 影响子控件的方法是:
setStyleSheet ("background-color: #000000;color: #ffffff;");
不影响子控件的方法是:
setStyleSheet ("venus--TitleBar {background-color: 
#000000;color: #ffffff;}");
二. 圆角控件 用stylesheet方式
setStyleSheet ("border:2px groove 
gray;border-radius:10px;padding:2px 4px;");
三. 圆角窗口 RoundRectWin::RoundRectWin() { QPalette p = palette(); 
QPixmap img("roundrect.png");
QBitmap mask("roundrect_mask.png");
p.setBrush(QPalette::Window, QBrush(img));
setPalette(p);
setMask(mask);
resize(img.size());
//setWindowFlags(Qt::FramelessWindowHint);//这句会去掉标题栏 } 
注意:mask的图多余部分设为白色
四. 半透明窗口
1.窗口整体透明,但是窗体上的控件不透明。 通过设置窗体的背景色来实现,将背景色设置为全透。QPalette pal = 
palette();
pal.setColor(QPalette::Background, 
QColor(0x00,0xff,0x00,0x00)); setPalette(pal); 试验效果:
窗体标题栏不透明;
窗体客户区上的控件不透明,QLabel控件只是字显示,控件背景色透明; 窗体客户区完全透明。
另外从网上看到的方法: setAttribute(Qt::WA_TranslucentBackground, true); 
试验的结果是类似于上面的方法,但有时候窗体会被一些杂色斑点填充,未找到原因。
2.窗口及其上面的控件都半透明:
setWindowOpacity(0.7)
试验效果:窗口及控件都半透明。注意不能够setWindowFlags(Qt::FramelessWindowHint);要不就不起作用
3.窗口整体不透明,局部透明:
在Paint事件中使用Clear模式绘图。
void TestWindow::paintEvent( QPaintEvent* )
{ QPainter p(this);
 p.setCompositionMode( 
QPainter::CompositionMode_Clear ); p.fillRect( 10, 10, 300, 
300, Qt::SolidPattern ); }
试验效果:绘制区域全透明。如果绘制区域有控件不会影响控件。
以上实验均是基于Directfb的Qte测试。在Linux下及Windows下效果会略有不同。 
比如在Windows下第3个实验,绘制区域就是一个黑窟窿,如果Window本身半透,则是Window下面的内容加上半透效果,不是全透明效果。
五. 控制QPixmap的alpha
QPixmap temp(pixmapTop.size()); temp.fill(Qt::transparent);
QPainter p(&temp);
p.setCompositionMode(QPainter::CompositionMode_Source);
p.drawPixmap(0, 0, pixmapTop);

p.setCompositionMode(QPainter::CompositionMode_DestinationIn);
p.fillRect(temp.rect(), QColor(0, 0, 0, alpha)); 
//--lable显示前景图片 ui->label->setScaledContents(true);
ui->label->setPixmap(temp);
六. layout 的边界 layout->setMargin (0);

### 美化Qt UI界面设计的推荐库 在开发基于Qt的应用程序时,为了提升用户体验并使应用程序更具吸引力,可以借助一些第三方库或工具来实现更精美的UI效果。以下是几个常用的美化Qt UI界面设计的库和工具: #### 1. **QMaterialWidgets** `QMaterialWidgets` 是一个开源项目,提供了遵循Google Material Design风格的组件集合[^4]。它支持多种控件样式,如按钮、滑动条、卡片等,并且易于集成到现有的Qt项目中。 ```cpp #include <QApplication> #include "qmaterialwidgets.h" int main(int argc, char *argv[]) { QApplication app(argc, argv); QMaterialButton button; button.setText("Click Me"); button.show(); return app.exec(); } ``` 该库通过提供现代化的设计语言,能够显著改善应用的整体外观。 --- #### 2. **Qt Style Sheets (QSS)** 虽然这不是一个独立的库,但 `Qt Style Sheets` 提供了一种类似于CSS的方式来定义控件的视觉属性[^3]。开发者可以通过编写简单的样式表来自定义控件颜色、字体、边框和其他特性。 示例代码如下: ```css QPushButton { background-color: #4CAF50; border-radius: 8px; padding: 10px; } QPushButton:hover { background-color: #45a049; } ``` 这种方式非常适合快速调整现有项目的UI风格。 --- #### 3. **Qt Quick Controls 2** 对于需要更高灵活性和动态性的UI设计,`Qt Quick Controls 2` 是一种强大的解决方案[^5]。它允许使用QML语言创建复杂的动画效果和平滑过渡,从而打造出更加现代感十足的用户界面。 ```qml import QtQuick.Controls 2.15 ApplicationWindow { visible: true width: 640 height: 480 title: qsTr("Modern UI Example") Button { text: "Press me" anchors.centerIn: parent onClicked: console.log("Button clicked!") } } ``` 这种技术特别适合移动设备上的应用开发以及桌面端高性能图形需求场景。 --- #### 4. **Custom Widgets Libraries** 除了官方提供的功能外,还有许多社区贡献的自定义小部件库可供选择。例如,“飞扬青云”的精美控件集就包含了大量经过优化处理后的高级控件[^2]。这些插件可以直接拖放到Qt Designer当中使用,极大地简化了复杂布局构建过程中的工作量。 要成功加载此类外部资源,请按照以下步骤操作: - 将对应平台下的动态链接库复制至相应位置; - 修改环境变量PATH使其包含目标DLL所在目录; - 最后重启IDE完成初始化设置即可生效。 --- #### 5. **FlatUiForQt** 另一个值得考虑的选择是名为 FlatUiForQt 的框架[^6],其灵感来源于流行的扁平化设计理念。凭借简洁明快的主题配色方案加上高度可配置参数选项,使得任何规模大小范围内的软件产品都能够轻松获得统一协调一致的品牌形象表现力。 --- ### 总结 以上列举了几类不同类型的增强型工具包帮助您打造令人印象深刻的可视化体验。无论是追求极致性能还是单纯希望增添几分趣味性,在众多备选方案之中总有一款能满足您的实际需求!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值