Qt UI: Widget 底部向上弹动画实现

{"title":"Qt UI: Widget 底部向上弹动画实现","description":"使用Qt的QPropertyAnimation类实现Widget底部向上弹的动画效果。本文提供了一个简单的示例代码，并解释了如何设置动画的起始位置、结束位置和持续时间。","keywords":"Qt, QPropertyAnimation, 动画, Widget, 底部向上弹, UI, 用户界面, 代码示例","content":"#include "QtWidgets"\n\nint main(int argc, char *argv[])\n{\n QApplication app(argc, argv);\n\n QWidget widget;\n widget.resize(200, 200);\n widget.setStyleSheet("background-color: lightblue;");\n\n QPushButton button("Animate");\n QVBoxLayout layout(&widget);\n layout.addWidget(&button);\n layout.setAlignment(Qt::AlignBottom);\n\n QPropertyAnimation animation(&widget, "geometry");\n animation.setDuration(1000);\n animation.setStartValue(QRect(100, 100, 200, 200));\n animation.setEndValue(QRect(100, 400, 200, 200));\n\n QObject::connect(&button, &QPushButton::clicked, & {\n animation.start();\n });\n\n widget.show();\n\n return app.exec();\n}\n\n在上面的代码中，我们创建了一个QWidget并设置了一个QPushButton按钮。当按钮被点击时，会启动一个QPropertyAnimation动画，将widget的底部向上移动。在animation.setStartValue和animation.setEndValue中，我们分别设置了动画的起始位置和结束位置。animation.setDuration设置了动画的持续时间。最后，我们将按钮的clicked信号与动画的start函数连接起来，以响应按钮点击事件并启动动画。\n\n在实际应用中，您可以根据需要调整动画的起始位置、结束位置和持续时间，以实现您想要的效果。"}