Qt 侧边栏滑出隐藏丝滑版

最新推荐文章于 2025-01-22 16:15:27 发布

linvisf

最新推荐文章于 2025-01-22 16:15:27 发布

阅读量1.5k

点赞数 3

分类专栏： Qt 文章标签： qt 开发语言

本文链接：https://blog.youkuaiyun.com/linvisf/article/details/132254801

版权

本文介绍了如何在Qt项目中创建一个带有动画效果的丝滑侧边栏。侧边栏和按钮具备入场与退场动画，同时确保不影响主窗口的其他界面元素，如标题栏和内容区域。此外，还讨论了侧边栏按钮的样式设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

上一篇文章侧边栏简易版。这次写了一篇丝滑版侧边栏效果，增加了动画效果。

1 侧边栏效果

2 实现思路

考虑到可以运用到实际Qt项目中。要做到如下几点：

侧边栏和按钮同时有入场和退场动画效果
不影响主窗口界面效果，比如标题栏和内容区域
侧边栏按钮增加样式

3 核心代码实现

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
   
    ui->setupUi(this);

    isShow = false;

    // 设置按钮样式跟随侧边栏状态而变化
    setBtnStyle(false);

    //直接移动侧边栏无效，可能是界面重绘不支持。所以间隔0.2秒后再移动
    QTimer::singleShot(200, this, SLOT(slotMoveWidget()));

    //初始化动画
    anim1 = new QPropertyAnimation(ui->widSide, "geometry");
    anim1->setEasingCurve(QEasingCurve::Linear)