如何让Qt小部件淡入或淡出？

Question

我正在尝试淡入和淡出

QLabel

或任何

QWidget

子类。我尝试过使用

QGraphicsEffect

，但不幸的是它仅在 Windows 上运行良好，而不是在 Mac 上。

唯一可以在 Mac 和 Windows 上使用的其他解决方案似乎有我自己的自定义

paintEvent

，其中我设置了

QPainter

的不透明度，并在我的派生

Q_PROPERTY

中为“不透明度”定义了

QLabel

和通过

QPropertyAnimation

更改不透明度。

我将相关代码片段粘贴在下面供您参考。我在这里仍然看到一个问题 - 重复使用

QLabel::paintEvent

似乎不起作用，只有当我使用

QPainter

进行完整的自定义绘画时它才有效，但这似乎不是一个简单的方法，如果我需要对每个我想要淡出的

QWidget

子类执行此操作，那是一场噩梦。如果我在这里犯了任何明显的错误，请澄清。

Q_PROPERTY(qreal opacity READ opacity WRITE setOpacity)

void MyLabel::setOpacity(qreal value) {
    m_Opacity = value;
    repaint();
}

void MyLabel::paintEvent((QPaintEvent *pe) {
    QPainter p;
    p.begin(this);
    p.setOpacity();
    QLabel::paintEvent(pe);
    p.end();
}

void MyLabel::startFadeOutAnimation() {
    QPropertyAnimation *anim = new QPropertyAnimation(this, "opacity");
    anim->setDuration(800);
    anim->setStartValue(1.0);
    anim->setEndValue(0.0);
    anim->setEasingCurve(QEasingCurve::OutQuad);
    anim->start(QAbstractAnimation::DeleteWhenStopped);
}

Answer 1

实际上有一种超级简单的方法可以做到这一点，没有混乱的

QPaintEvent

拦截，也没有

QGraphicsProxyWidget

的严格要求，这对升级的小部件子项不起作用。即使对于升级的小部件及其子小部件，下面的技术也适用。

淡入您的小部件

// w is your widget
QGraphicsOpacityEffect *eff = new QGraphicsOpacityEffect(this);
w->setGraphicsEffect(eff);
QPropertyAnimation *a = new QPropertyAnimation(eff,"opacity");
a->setDuration(350);
a->setStartValue(0);
a->setEndValue(1);
a->setEasingCurve(QEasingCurve::InBack);
a->start(QPropertyAnimation::DeleteWhenStopped);

淡出您的小部件

// w is your widget
QGraphicsOpacityEffect *eff = new QGraphicsOpacityEffect(this);
w->setGraphicsEffect(eff);
QPropertyAnimation *a = new QPropertyAnimation(eff,"opacity");
a->setDuration(350);
a->setStartValue(1);
a->setEndValue(0);
a->setEasingCurve(QEasingCurve::OutBack);
a->start(QPropertyAnimation::DeleteWhenStopped);
connect(a,SIGNAL(finished()),this,SLOT(hideThisWidget()));
// now implement a slot called hideThisWidget() to do
// things like hide any background dimmer, etc.

Answer 2

您可以将您的小部件放入

QGraphicsScene

中。它支持不透明度更改和动画。

请参阅

QGraphicsProxyWidget

文档了解示例。

Answer 3

尝试将调色板的某些部分公开为标签的属性，然后对其进行动画处理：

Q_PROPERTY(QColor color READ color WRITE setColor)

void MyLabel::setColor(const QColor &value) {
    QPalette palette;
    palette.setBrush(QPalette::WindowText, value);
    setPalette(palette);
}

QColor MyLabel::color() {
    return palette(QPalette::Normal, QPalette::Window).
}

void MyLabel::startFadeOutAnimation() {
    QPropertyAnimation *animation = new QPropertyAnimation(label, "color", this);
    QColor c = label->color();
    animation->setKeyValueAt(0, c);
    c.setAlpha(0);
    animation->setKeyValueAt(1, c);
    animation->setEasingCurve(QEasingCurve::OutQuad);
    animation->setDuration(1000);
    animation->start(QAbstractAnimation::DeleteWhenStopped);
}

您可以尝试通过定义和注册新的插值器来避免子类化，该插值器将处理 QPalette qRegisterAnimationInterpolator，但这有点复杂。

Answer 4

很抱歉我无法用C++编写它，但是python3和C++中的实现是相同的：

您可以创建一个 QVariantAnimation，对表示不透明度的浮点值进行动画处理，将

valueChanged

信号连接到自定义函数：

anim = QVariantAnimation()
anim.setStartValue(.3)
anim.setEndValue(.6)
anim.setDuration(900)
anim.setEasingCurve(QEasingCurve.InOutQuad) # Not strictly required, just for the aesthetics
anim.valueChanged.connect(lambda opacity: mySpecialFun(opacity))
anim.start()

然后，定义更改不透明度的自定义函数（或要设置动画的属性）：

def mySpecialFun(opacity: float) -> None:
    mywidget.setStyleSheet(f"background-color: rgba(0, 0, 0, {opacity});")

这样做的原因是我们没有为属性设置动画。相反，我们正在对浮点值进行动画处理，但关键是每次浮点值发生变化时，我们都会获取它的值，并将其传递给执行自定义工作的自定义函数（在我们的例子中通过样式表设置不透明度）