QT中实现QWidet设置不规则形状方法

背景

最近在做的项目中有一个需求:实现app窗口(最顶层的父窗口)不规则形状- - -四个角有一定圆角效果。参考现有的资料,整理了几种办法实现。

方法1

设置系统属性:窗口无边框,背景透明,然后通过设置样式表即可实现。

setWindowFlags(Qt::FramelessWindowHint);
setAttribute(Qt::WA_TranslucentBackground);
setStyleSheet( "border-radius:15px;");

这种方法设置简单,但是我在应用到嵌入式平台(IMX6+Linux+Qt5.10)时,虽然可以出现圆角,但是发现背景本该透明的地方显示的是黑底,这是不可接受的。所以放弃了这种方式。
参考博客:Qt 设置圆角边框

方法2

第2种方法参考博客:QDialog,QWidget实现圆角,圆弧边框,通过调用QWidget的方法SetMask实现,原理是用一张Bitmap图片做mask,Bitmap图中黑色部分将会被显示,白色部分将会透明。最终发现这种方式适合我的项目。
下面是通过代码生成Bitmap的例程代码,让需要显示不规则形状的QWidget类继承MyRoundedRectWidget 类即可。

myroundedrectwidget.h-------------------------------

#ifndef MYROUNDEDRECTWIDGET_H
#define MYROUNDEDRECTWIDGET_H

#include <QWidget>
#include <QPainter>
#include <QBitmap>

class MyRoundedRectWidget : public QWidget
{
   
    Q_OBJECT
public:
    explicit MyRoundedRectWidget(QWidget 
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Qt是一个跨平台的C++应用程序开发框架,它提供了丰富的图形界面和功能库。要实现不规则形状的进度条,可以使用Qt的绘图功能和自定义控件。 以下是一种实现不规则形状进度条的方法: 1. 创建一个自定义的QWidget子类,作为进度条的容器。 2. 在该自定义控件重写paintEvent函数,使用Qt的绘图功能绘制进度条的背景和前景。 3. 根据进度值计算出前景的宽度,并使用绘图函数绘制前景。 4. 使用QPainterPath类创建一个不规则形状的路径,可以使用addRect、addEllipse等函数添加矩形、椭圆等形状。 5. 使用setClipPath函数将绘图区域限制在不规则形状的路径内。 6. 在paintEvent函数绘制进度条的背景和前景。 下面是一个简单的示例代码: ```cpp #include <QtWidgets> class IrregularProgressBar : public QWidget { public: IrregularProgressBar(QWidget *parent = nullptr) : QWidget(parent), m_progress(0) { } void setProgress(int progress) { m_progress = progress; update(); } protected: void paintEvent(QPaintEvent *event) override { Q_UNUSED(event); QPainter painter(this); painter.setRenderHint(QPainter::Antialiasing); // 绘制背景 painter.fillRect(rect(), Qt::lightGray); // 绘制前景 QRectF foregroundRect(rect().x(), rect().y(), rect().width() * m_progress / 100.0, rect().height()); painter.fillRect(foregroundRect, Qt::blue); // 创建不规则形状的路径 QPainterPath path; path.addRoundedRect(rect(), 10, 10); // 设置绘图区域为不规则形状的路径 painter.setClipPath(path); // 绘制进度条的背景和前景 painter.fillRect(rect(), Qt::lightGray); painter.fillRect(foregroundRect, Qt::blue); } private: int m_progress; }; int main(int argc, char *argv[]) { QApplication app(argc, argv); IrregularProgressBar progressBar; progressBar.setProgress(50); progressBar.resize(300, 30); progressBar.show(); return app.exec(); } ``` 这个示例代码创建了一个自定义的QWidget子类IrregularProgressBar,通过重写paintEvent函数实现不规则形状的进度条。在paintEvent函数,首先绘制了背景和前景,然后创建了一个圆角矩形的路径,并使用setClipPath函数将绘图区域限制在该路径内,最后再次绘制了背景和前景。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值