Qt 设置 QWidget 背景色

本文介绍了在Qt中为QWidget及其子类控件设置背景色的三种方法:使用QPalette、使用StyleSheet及重写绘图事件。每种方法都有详细的代码示例。

                Qt 设置 QWidget 背景色

简述

QWidget是所有用户界面对象的基类,这意味着可以用同样的方法为其它子类控件改变背景颜色。

Qt中窗口背景的设置,下面介绍三种方法。

  1. 使用QPalette
  2. 使用Style Sheet
  3. 绘图事件

一般我不用QSS设置窗口背景,也不建议使用。(这里是对于窗口而,如果是子部件当然可以)。因为窗口使用QSS设置背景之后,若子部件不使用同样的方式来设置,默认则会继承父窗口的样式。

 

使用QPalette

使用QPalette来设置背景色

 
  1. m_pWidget = new QWidget(this);

  2. m_pWidget->setGeometry(0, 0, 300, 100);

  3. QPalette pal(m_pWidget->palette());

  4.  
  5. //设置背景黑色

  6. pal.setColor(QPalette::Background, Qt::black);

  7. m_pWidget->setAutoFillBackground(true);

  8. m_pWidget->setPalette(pal);

  9. m_pWidget->show();

使用Style Sheet

使用样式表来设置背景色,可以参考:Qt Style Sheets文档

 
  1. m_pWidget = new QWidget(this);

  2. m_pWidget->setGeometry(0, 0, 300, 100);

  3. m_pWidget->setStyleSheet("background-color:black;");

  4. m_pWidget->show();

关于子类化QWidget,助手中有段说明:

 
  1. // If you subclass from QWidget, you need to provide a paintEvent for your custom QWidget as below:

  2. void CustomWidget::paintEvent(QPaintEvent *)

  3. {

  4. QStyleOption opt;

  5. opt.init(this);

  6. QPainter p(this);

  7. style()->drawPrimitive(QStyle::PE_Widget, &opt, &p, this);

  8. }

如果要子类化一个QWidget,为了能够使用样式表,则需要提供paintEvent事件。这是因为QWidget的paintEvent()是空的,而样式表要通过paint被绘制到窗口中。

警告:确保子类化的QWidget定义了Q_OBJECT宏。

绘图事件

重写paintEvent,使用QPainter来绘制背景。

 
  1. void Widget::paintEvent(QPaintEvent *event)

  2. {

  3. Q_UNUSED(event);

  4.  
  5. QPainter p(this);

  6. p.setPen(Qt::NoPen);

  7. p.setBrush(Qt::black);

  8. p.drawRect(rect());

  9. }

  •  

1. 在QtCreator设计器中,选中widget

2. 在右侧属性栏中找到 styleSheet,点击最右边的 “...”

3. 选择 “添加颜色“,输入background-color: rgb(0, 0, 106);

 

参考

 

一去丶二三里

https://waleon.blog.youkuaiyun.com/

Qt中,修改 `QWidget` 的背景颜色或样式可以通过多种方式实现。以下是几种常用的方法: ### 方法一:使用 `QPalette` 设置背景颜色 这是最直接的一种方式,适用于简单的背景颜色设置。通过获取控件的调色板对象并修改其颜色属性,可以改变背景颜色。 ```cpp QWidget* widget = new QWidget(); QPalette pal = widget->palette(); // 设置背景颜色为绿色 pal.setColor(QPalette::Background, QColor(0, 255, 0, 255)); widget->setPalette(pal); widget->setAutoFillBackground(true); // 启用自动填充背景 widget->resize(400, 380); widget->show(); ``` 此方法的优势在于代码清晰易懂,适合静态背景颜色的应用场景[^1]。 ### 方法二:使用样式表(QSS)设置背景颜色或样式 Qt 提供了类似于 CSS 的样式表语言,可以用来更灵活地定义控件的外观。这种方法支持丰富的样式配置,包括渐变、边框等复杂效果。 ```cpp QWidget* widget = new QWidget(); widget->setStyleSheet("background-color: #FFA500;"); // 设置背景颜色为橙色 widget->resize(400, 380); widget->show(); ``` 此外,还可以使用图片作为背景,或者定义复杂的渐变效果: ```cpp widget->setStyleSheet("background-image: url(:/images/background.png);"); ``` 使用样式表的一个显著优点是它提供了高度的灵活性和跨平台的一致性[^2]。 ### 方法三:自定义绘图(重写 `paintEvent`) 对于需要动态绘制背景的情况,可以通过继承 `QWidget` 并重写 `paintEvent` 方法来实现自定义绘制。 ```cpp class CustomWidget : public QWidget { public: CustomWidget(QWidget *parent = nullptr) : QWidget(parent) {} protected: void paintEvent(QPaintEvent *event) override { QPainter painter(this); painter.fillRect(rect(), QColor(255, 0, 0, 128)); // 半透明红色背景 } }; ``` 这种方式适用于需要对背景进行复杂绘制的需求,例如动画背景或基于状态变化的视觉反馈。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值