栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

Qt--实现侧边栏

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Qt--实现侧边栏

一、效果展示

 

二、原理详解

实现这个隐藏侧边栏的主要思想是侧边栏的显示和隐藏,显示和隐藏只需要移动Widget到可看见的区域(窗口区域)和不可看见的区域(窗口区域之外)即可。可以使用QPropertyAnimation属性动画,绑定Widget的geometry属性,实现显示和隐藏的动画效果,关键代码如下:

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

    side_Flag = true;
    m_sideWdt_Ptr = new sideWidget(this);
    m_sideWdt_Ptr->move(this->rect().width() + m_sideWdt_Ptr->width(),0);
    sideWidgetAnimation = new QPropertyAnimation(m_sideWdt_Ptr,"geometry");
    sideWidgetAnimation->setEasingCurve(QEasingCurve::InOutQuint);
    sideWidgetAnimation->setDuration(1000);
}

void mainWdt::mouseDoubleClickEvent(QMouseEvent *event)
{
    QWidget::mouseDoubleClickEvent(event);

    if(side_Flag) //侧边栏隐藏状态,显示
    {
        sideWidgetAnimation->setStartValue(QRect(this->rect().width(),0,m_sideWdt_Ptr->width(),m_sideWdt_Ptr->height()));
        sideWidgetAnimation->setEndValue(QRect(this->rect().width()-m_sideWdt_Ptr->width(),0,m_sideWdt_Ptr->width(),m_sideWdt_Ptr->height()));
        sideWidgetAnimation->start();
        side_Flag = !side_Flag;
    }
    else //侧边栏显示状态,隐藏
    {
        sideWidgetAnimation->setStartValue(QRect(this->rect().width()-m_sideWdt_Ptr->width(),0,m_sideWdt_Ptr->width(),m_sideWdt_Ptr->height()));
        sideWidgetAnimation->setEndValue(QRect(this->rect().width(),0,m_sideWdt_Ptr->width(),m_sideWdt_Ptr->height()));
        sideWidgetAnimation->start();
        side_Flag = !side_Flag;
    }
}

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/1003310.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号