QT-动画侧靠停靠窗口

一、演示效果

二、关键程序

代码如下：

#include "MainWindow.hpp"

#include <QVBoxLayout>

// ---------------------------

#include "QSidePanel/PanelLeftSide.hpp"
#include "QSidePanel/PanelRightSide.hpp"

#include "QSidePanel/PanelTopSide.hpp"
#include "QSidePanel/PanelBottomSide.hpp"

// ---------------------------

#include <QTextEdit>
#include <QLabel>

// ---------------------------

#include "QSidePanel/math.hpp"

#include <QScroller>

#include "QSidePanel/side_panel_helpers.hpp"

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
{
    btn_open  = new QPushButton("Open",  this);
    btn_close = new QPushButton("Close", this);

    btn_open ->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    btn_close->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);

    {
        QHBoxLayout* lay = new QHBoxLayout;
        lay->addWidget(btn_open);
        lay->addWidget(btn_close);

        QWidget* proxy = new QWidget;
        proxy->setLayout(lay);
        this->setCentralWidget(proxy);
    }

    // -------------------------------------------------------------------------

    // Left panel with simple label in it
    {
        auto* panel_left = new PanelLeftSide(this);
        panel_left->setOpenEasingCurve (QEasingCurve::Type::OutElastic);
        panel_left->setCloseEasingCurve(QEasingCurve::Type::InElastic);
        panel_left->init();


        QLabel* label = new QLabel("Left");
        label->setAlignment(Qt::AlignCenter);

        panel_left->setWidgetResizable(true);
        panel_left->setWidget(label);
    }

    // Right panel with buttons list in it
    auto* panel_right = new PanelRightSide(this);
    {
        panel_right->setOpenEasingCurve (QEasingCurve::Type::OutExpo);
        panel_right->setCloseEasingCurve(QEasingCurve::Type::InExpo);
        panel_right->setPanelSize(200);
        panel_right->init();


        QVBoxLayout* lay = new QVBoxLayout;
        {
            QLabel* label = new QLabel("Right", this);
            label->setAlignment(Qt::AlignCenter);
            lay->addWidget(label);

            for(int i = 0; i < 20; ++i)
            {
                QPushButton* btn = new QPushButton("Button " + QString::number(i), this);
                btn->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
                btn->setMinimumHeight(60);

                lay->addWidget(btn);
            }
        }

        QWidget* proxy = new QWidget(this);
        proxy->setLayout(lay);

        panel_right->setWidgetResizable(true);
        panel_right->setWidget(proxy);

        // Extra behavior (for example) - scrolling by gestures. Notice, that
        // QScroller binded to `panel_right->viewport()`, not to `panel_right`
        {
            QScroller::grabGesture(panel_right->viewport(), QScroller::ScrollerGestureType::LeftMouseButtonGesture);

            auto* scroller = QScroller::scroller(panel_right->viewport());
            {
                // Improve buttons pressing. But still not good
                QScrollerProperties props = scroller->scrollerProperties();
                props.setScrollMetric(QScrollerProperties::ScrollMetric::MousePressEventDelay, 0);
                scroller->setScrollerProperties(props);
            }
        }
    }

    // Top panel with text edit widget
    {
        auto* panel_top = new PanelTopSide(this);
        panel_top->setPanelSize(150);
        panel_top->init();

        panel_top->setWidgetResizable(true);
        panel_top->setWidget( new QTextEdit("> Pseudo top terminal", this) );


        // Nested panel with animated handler
        {
            auto panel_top_right = new PanelRightSide(panel_top);
            {
                panel_top_right->getOpenedRect = [panel_top_right](const QRect& parent_rect) -> QRect
                {
                    return q_sp::rect_opened_half_right(panel_top_right->getHandlerSize().width(), parent_rect); // Half size from right
                };
                panel_top_right->initialHandlerSize = []() -> QSize {
                    return {60, 60};
                };
                panel_top_right->alignedHandlerRect = [panel_top_right](const QRect& panel_geom, const QSize& handler_size, qreal t) -> QRect
                {
                    if(t > 0.5) t = 0.5;
                    QRect rect(0, 0, handler_size.width(), q_sp::scale(t, 0, 0.5, panel_top_right->initialHandlerSize().height(), panel_geom.height())); // Aligned Top Left
                    rect.moveTopRight(panel_geom.topLeft());
                    return rect;
                };
                panel_top_right->setOpenEasingCurve (QEasingCurve::Type::OutBack);
                panel_top_right->setCloseEasingCurve(QEasingCurve::Type::InBack);
                panel_top_right->setPanelSize(300); // Well ... this is ignored :)
            }
            panel_top_right->init();


            panel_top_right->setWidgetResizable(true);
            panel_top_right->setWidget( new QTextEdit("> Pseudo top-right terminal") );
        }
    }

    // Bottom panel with two nested panels
    {
        auto* panel_bottom = new PanelBottomSide(this);
        panel_bottom->setPanelSize(150);
        panel_bottom->init();

        QLabel* label = new QLabel("Bottom", this);
        label->setAlignment(Qt::AlignCenter);

        panel_bottom->setWidgetResizable(true);
        panel_bottom->setWidget(label);

        {
            auto* panel_bottom_left = new PanelLeftSide(panel_bottom);
            panel_bottom_left->init();

            QLabel* label = new QLabel("Bottom\nleft", this);
            label->setAlignment(Qt::AlignCenter);

            panel_bottom_left->setWidgetResizable(true);
            panel_bottom_left->setWidget(label);
        }

        {
            auto* panel_bottom_right = new PanelRightSide(panel_bottom);
            panel_bottom_right->init();

            QLabel* label = new QLabel("Bottom\nright", this);
            label->setAlignment(Qt::AlignCenter);

            panel_bottom_right->setWidgetResizable(true);
            panel_bottom_right->setWidget(label);
        }
    }

    // Nested panels, which parented to button
    {
        auto* panel_top_in_widget = new PanelTopSide(btn_close);
        {
            panel_top_in_widget->getOpenedRect = [panel_top_in_widget](const QRect& parent_rect) -> QRect {
                return q_sp::rect_opened_full_top(panel_top_in_widget->getHandlerSize().height(), parent_rect);
            };
            panel_top_in_widget->init();

            QLabel* label = new QLabel("Over Button", this);
            label->setAlignment(Qt::AlignCenter);

            panel_top_in_widget->setWidgetResizable(true);
            panel_top_in_widget->setWidget(label);

        }

        auto panel_nested_1 = new PanelLeftSide(panel_top_in_widget);
        {
            panel_nested_1->getOpenedRect = [panel_nested_1](const QRect& parent_rect) -> QRect {
                return q_sp::rect_opened_half_left(panel_nested_1->getHandlerSize().width(), parent_rect);
            };
            panel_nested_1->init();

            QLabel* label = new QLabel("Left nested", this);
            label->setAlignment(Qt::AlignCenter);

            panel_nested_1->setWidgetResizable(true);
            panel_nested_1->setWidget(label);
        }

        auto panel_nested_2 = new PanelBottomSide(panel_nested_1);
        {
            panel_nested_2->getOpenedRect = [panel_nested_2](const QRect& parent_rect) -> QRect {
                return q_sp::rect_opened_half_bottom(panel_nested_2->getHandlerSize().height(), parent_rect);
            };
            panel_nested_2->init();

            QLabel* label = new QLabel("Bottom nested", this);
            label->setAlignment(Qt::AlignCenter);

            panel_nested_2->setWidgetResizable(true);
            panel_nested_2->setWidget(label);
        }

        auto panel_nested_3 = new PanelLeftSide(panel_nested_2);
        {
            panel_nested_3->getOpenedRect = [panel_nested_3](const QRect& parent_rect) -> QRect {
                return q_sp::rect_opened_half_left(panel_nested_3->getHandlerSize().width(), parent_rect);
            };
            panel_nested_3->init();

            QLabel* label = new QLabel("Left nested", this);
            label->setAlignment(Qt::AlignCenter);

            panel_nested_3->setWidgetResizable(true);
            panel_nested_3->setWidget(label);
        }
    }

    // -------------------------------------------------------------------------

    connect(btn_open, &QAbstractButton::clicked, panel_right, [panel_right] {
        panel_right->openPanel();
    });

    connect(btn_close, &QAbstractButton::clicked, panel_right, [panel_right] {
        panel_right->closePanel();
    });

    connect(panel_right, &SidePanel::stateChanged, this, [this](SidePanelState state)
    {
        this->setWindowTitle( QString::fromUtf8( to_str(state) ) );
    });

    // -------------------------------------------------------------------------

    this->resize(800, 600);
}

MainWindow::~MainWindow()
{

}

三、程序下载

https://download.youkuaiyun.com/download/u013083044/86784770