Qt 控件渐变隐藏消失


在 Qt 开发中,经常会设置某些控件透明的透明度,比如设置QLabel字体渐变隐藏,设置某个按钮渐变消失等等,这在消息提示框中会常用到,显示一定时间后让控件有一个动画逐渐消失的过程,其实原理很简单,就是设置控件的透明度,直到透明度为0后再将控件设置为隐藏即可。动画的过程可以用两种方式来实现,第一是通过定时器,不断的设置控件的透明度,第二是通过QPropertyAnimation来实现,当然,后者会更简单。那么该如何设置控件透明度呢,这里需要用到QGraphicsOpacityEffect类。

正文

首先来看看效果图 
这里写图片描述

当然,还可以将 QLabel 换成其他控件,比如 QPushButton等等。 
来看源码:

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);
    m_pGraphicsOpacityEffect = new QGraphicsOpacityEffect(ui->label);
    m_pGraphicsOpacityEffect->setOpacity(1);
    ui->label->setGraphicsEffect(m_pGraphicsOpacityEffect);

    m_pNameAnimation = new QPropertyAnimation(m_pGraphicsOpacityEffect,"opacity",this);
    m_pNameAnimation->setEasingCurve(QEasingCurve::Linear);
    m_pNameAnimation->setDuration(2500);
}

Widget::~Widget()
{
    delete ui;
    delete m_pGraphicsOpacityEffect;
    delete m_pNameAnimation;
}

void Widget::on_pushButton_clicked()
{
    m_pNameAnimation->setStartValue(1);
    m_pNameAnimation->setEndValue(0);
    m_pNameAnimation->start(QAbstractAnimation::KeepWhenStopped);
}

代码很简单,就是QGraphicsOpacityEffect + QPropertyAnimation来实现想要的效果。

以上是设置控件的透明度,如果想要设置窗口透明度,需要用到 QWidget 的函数setWindowOpacity来实现,原理和上面一样,也可以通过QPropertyAnimation来实现动画效果。这里就不再讲述。

阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页