Qt背景透明度

通过设置样式,来调节透明度

最重要一行代码: "background-color: rgba(255, 0, 0,50%)”,前3个参数是rgb颜色,第4位是透明度,范围[0%-%100]

mainwindow.h代码如下

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QLabel>
#include <QSlider>
#include <QPushButton>

class MainWindow : public QMainWindow
{
    Q_OBJECT
    
private:
    QLabel  *pLabBgSta;
    QSlider *pSlider;

private slots:
    void SliderValueChanged(int value);
public:
    MainWindow(QWidget *parent = 0);
    ~MainWindow();
};

#endif // MAINWINDOW_H

mainwindow.cpp代码如下

#include "mainwindow.h"



MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
{
    this->resize(542,900);

    //创建一个QLabel用来显示图片
    QLabel *pLabPic = new QLabel(this);
    pLabPic->setGeometry(0,0,542,841);
    pLabPic->setStyleSheet(
### 如何在 Qt Designer 中设置窗口或控件的背景透明度 #### 使用样式表设置背景透明度 为了使窗口或控件的背景变得透明,在Qt Designer中可以利用样式表(StyleSheet)。具体操作方法是在Qt Designer里选中目标控件,接着通过右键菜单中的`Change StyleSheet`选项打开样式编辑器。对于希望实现完全透明效果的情况,可以在样式表内指定`background-color: rgba(r, g, b, a)`属性,其中a代表alpha通道即透明度级别;r、g、b分别对应红、绿、蓝三原色分量值[^3]。 例如要创建一个具有半透明白色的按钮,可采用如下CSS代码片段: ```css QPushButton { background-color: rgba(255, 255, 255, 127); } ``` 如果目的是让整个窗体呈现一定程度上的透明感,则需针对顶层Widget应用类似的样式声明: ```css QWidget{ background-color: transparent; } ``` 此配置使得所涉及的小部件不再显示默认背景下方的内容得以显现出来[^4]。 另外值得注意的是,除了直接编写RGBA色彩模式外,还可以借助十六进制颜色码加上额外两位表示Alpha值的方式定义颜色,如`#RRGGBBAA`形式[^2]。 #### 实际案例展示 假设现在有一个场景是需要将界面上的一个按钮变为淡紫色并带有部分透明的效果,那么按照上述指导原则执行以下步骤即可达成目的: - 打开Qt Designer加载项目文件; - 定位到待处理的PushButton组件; - 右击该对象选取“更改样式表”命令; - 输入类似于下面给出的颜色参数组合: ```css QPushButton { color:#FFFFFF; /* 文字颜色 */ border:none; padding:5px; background-color:rgba(83,60,255,180);/* 设置为淡紫且带透明*/ } ``` 以上过程能够有效帮助开发者快速便捷地调整UI元素外观特性而不必依赖外部编程手段。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值