c++

c++弹窗如何实现动画效果

小樊
132
2024-08-13 00:50:49
栏目: 编程语言

要在C++中实现弹窗动画效果,可以使用一些图形库或者GUI库来帮助实现。以下是一个简单的示例,使用了Qt库来创建一个带有动画效果的弹窗:

#include <QtWidgets>

class PopupWidget : public QWidget
{
public:
    PopupWidget(QWidget *parent = nullptr) : QWidget(parent)
    {
        setWindowFlags(Qt::FramelessWindowHint | Qt::WindowStaysOnTopHint);
        setAttribute(Qt::WA_TranslucentBackground);

        animation.setTargetObject(this);
        animation.setPropertyName("geometry");
        animation.setDuration(500);

        connect(&animation, &QPropertyAnimation::finished, this, &PopupWidget::close);
    }

    void showPopup()
    {
        QRect rect = QApplication::desktop()->availableGeometry();
        setGeometry(rect.width() - 200, rect.height() - 100, 200, 100);
        setWindowOpacity(0);
        show();
        animation.setStartValue(QRect(rect.width() - 200, rect.height() - 100, 0, 0));
        animation.setEndValue(QRect(rect.width() - 200, rect.height() - 100, 200, 100));
        animation.setEasingCurve(QEasingCurve::OutBack);
        animation.start();
    }

protected:
    void paintEvent(QPaintEvent *event) override
    {
        QPainter painter(this);
        painter.setRenderHint(QPainter::Antialiasing);
        painter.setBrush(Qt::white);
        painter.setPen(Qt::black);
        painter.drawRoundedRect(rect(), 10, 10);
        painter.drawText(rect(), Qt::AlignCenter, "Hello, World!");
    }

private:
    QPropertyAnimation animation;
};

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);

    QPushButton button("Show Popup");
    PopupWidget popup;

    QObject::connect(&button, &QPushButton::clicked, [&popup]() {
        popup.showPopup();
    });

    QVBoxLayout layout;
    layout.addWidget(&button);
    layout.setContentsMargins(10, 10, 10, 10);

    QWidget window;
    window.setLayout(&layout);
    window.setWindowTitle("Popup Animation");
    window.show();

    return app.exec();
}

在这个示例中,我们创建了一个自定义的PopupWidget类,用于显示弹窗。当点击按钮时,调用showPopup函数展示弹窗,并使用QPropertyAnimation类实现弹窗出现的动画效果。在paintEvent函数中,我们绘制了一个简单的圆角矩形弹窗,并在中间显示了一段文本。

请注意,这个示例使用了Qt库,需要在项目中包含Qt的头文件和链接Qt库。您也可以使用其他图形库或GUI库来实现类似的效果。

0
看了该问题的人还看了