Qt自定义控件2（伸缩侧边栏窗口）

原创 已于 2025-07-30 09:31:32 修改 · 624 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Qt #控件

于 2025-07-26 10:51:52 首次发布

伸缩侧边栏窗口1

本文展示了一个基于Qt的侧边栏(Sidebar)组件的实现代码，包含三个主要类：

  1. Sidebar类：核心侧边栏控件，提供展开/收缩动画效果，支持自定义背景色、边框线、宽度和时间参数。采用垂直布局，通过QPropertyAnimation实现平滑的宽度变化动画。

  2. SidebarOptionsButton类：侧边栏选项按钮，继承自QRadioButton，支持多种状态颜色设置（默认、选中、悬停等），可显示图标和文本，带有选中提示线条。

  3. SidebarWindow类：整合侧边栏和多页窗口的容器控件，管理侧边栏与内容区域的布局关系，实现点击内容区域的事件处理。

该组件具有可扩展性，支持动态添加子控件，并提供了丰富的样式定制选项，适用于构建现代风格的应用程序界面。

sidebar.h

#ifndef SIDEBAR_H
#define SIDEBAR_H

#include <QObject>
#include <QWidget>
#include <QResizeEvent>
#include <QPaintEvent>
#include <QMouseEvent>
#include <QPropertyAnimation>
#include <QSize>
#include <QPainter>
#include <QPen>
#include <QVBoxLayout>
#include <QBrush>
#include <QColor>

/*
 * Sidebar默认具有垂直布局
 * sidebarOptionsButton的位置确定依赖于Sidebar默认的垂直布局
 * childrenCumulativeHeight函数计算子控件累计高度,也依赖于Sidebar默认的垂直布局
 * 改变Sidebar布局可能会使子控件位置错误
 * 若不清楚位置确定的逻辑,不建议修改任何有关Sidebar布局的参数
 */
class Sidebar : public QWidget
{
    Q_OBJECT
public:
    explicit Sidebar(QWidget *parent, int initialWidth = 50);
    ~Sidebar();

    void addWidget(QWidget *btn);                   // 添加控件
    void addItem(QLayoutItem *item);                // 添加弹簧
    void setIncreasedWidth(quint32 increasedWidth); // 设置展开增加宽度
    void setExpandTime(int ms);                     // 设置展开时间
    void setBackgroundBrush(const QBrush &brush);   // 设置背景色绘制笔刷
    void setBorderLinePen(const QPen &pen);         // 设置右侧边界线绘制笔
    int childrenCumulativeHeight();                 // 计算子控件的累计总高度，包括布局边距和控件间距

public slots:
    void autoExpand(); // 自动控制展开或收缩
    void expand();     // 展开
    void shrink();     // 收缩

protected:
    void resizeEvent(QResizeEvent *) override;
    void paintEvent(QPaintEvent *) override;

signals:
    void expandStart();    // 开始展开
    void expandFinished(); // 展开结束
    void shrinkStart();    // 开始收缩
    void shrinkFinished(); // 收缩结束
    void finished();       // 展开或收缩结束

private:
    bool isAnimationRunning = false;             // 动画是否正在运行
    bool isExpanded = false;                     // 是否展开
    QPropertyAnimation *animation = nullptr;     // 属性动画
    QVBoxLayout *verticalLayout = nullptr;       // 垂直布局
    QSize initialSize;                           // 初始尺寸
    QSize endSize;                               // 终止尺寸
    QBrush backgroundBrush{qRgb(243, 243, 243)}; // 背景色绘制笔刷
    QPen borderLinePen{qRgb(229, 229, 229)};     // 右侧边界线绘制笔
};

#endif // SIDEBAR_H

 sidebar.cpp

#include "sidebar.h"
#include <QLibraryInfo>
Sidebar::Sidebar(QWidget *parent, int initialWidth)
    : QWidget{parent},
      animation{new QPropertyAnimation(this, "size")},
      verticalLayout{new QVBoxLayout(this)}
{
    this->verticalLayout->setSpacing(4);
    this->verticalLayout->setContentsMargins(5, 5, 5, 5);
    this->animation->setDuration(150);
    this->borderLinePen.setWidth(2);

    connect(this->animation, &QPropertyAnimation::finished, this, [&]
            {
        if(this->initialSize.height()!=this->window()->height())
        {
            //动画结束,高度和父窗口不等,说明动画进行的过程中改变了窗口大小,需重新设置高度
            this->initialSize.rheight()=this->window()->height();
            this->endSize.rheight() = this->initialSize.rheight();
            this->animation->setStartValue(this->initialSize);
            this->animation->setEndValue(this->endSize);
            this->resize(this->width(),this->window()->height());
        }
        //设置展开状态和动画运行状态,根据展开状态发射相应信号
        this->isExpanded = !this->isExpanded;
        this->isAnimationRunning = false;
        if(this->isExpanded)
            emit this->expandFinished();
        else
            emit this->shrinkFinished();
        emit this->finished(); });

    // 动画起始高度和父窗口高度一样,宽度为初始宽度,之后不再更改宽度
    this->initialSize.rwidth() = initialWidth;
    this->initialSize.rheight() = this->window()->height();

    // 动画结束高度和动画起始高度始终相等,动画结束宽度为动画起始宽度加上展开增加宽度
    this->endSize.rwidth() = this->initialSize.rwidth() + 270;
    this->endSize.rheight() = this->initialSize.rheight();

    this->resize(initialWidth, this->window()->height());
}

Sidebar::~Sidebar()
{
    this->animation->deleteLater();
}

void Sidebar::autoExpand()
{
    this->expand();
    this->shrink();
}

void Sidebar::expand()
{
    // 当前不是展开状态
    if (!this->isExpanded && !this->isAnimationRunning)
    {
        this->animation->setDirection(QAbstractAnimation::Direction::Forward); // 正向
        this->animation->start();
        this->isAnimationRunning = true;
        emit this->expandStart();
    }
}

void Sidebar::shrink()
{
    if (this->isExpanded && !this->isAnimationRunning)
    {
        this->animation->setDirection(QAbstractAnimation::Direction::Backward); // 逆向
        this->animation->start();
        this->isAnimationRunning = true;
        emit this->shrinkStart();
    }
}

void Sidebar::addItem(QLayoutItem *item)
{
    this->verticalLayout->addItem(item);
}

void Sidebar::setIncreasedWidth(quint32 increasedWidth)
{
    // increasedWidth - (this->endSize.rwidth() - this->initialSize.rwidth());
    this->endSize.rwidth() += increasedWidth - this->endSize.rwidth() + this->initialSize.rwidth();
}

void Sidebar::setExpandTime(int ms)
{
    this->animation->setDuration(ms);
}

void Sidebar::setBackgroundBrush(const QBrush &brush)
{
    this->backgroundBrush = brush;
}

void Sidebar::setBorderLinePen(const QPen &pen)
{
    this->borderLinePen = pen;
}

int Sidebar::childrenCumulativeHeight()
{
    int cumulativeHeight = 0;                                                                  // 累计高度

#if (QT_VERSION >= QT_VERSION_CHECK(6,3,0))
    auto children(this->findChildren<QWidget *>(Qt::FindChildOption::FindDirectChildrenOnly)); // 查找直接子控件
#else
    auto children(this->findChildren<QWidget *>(QRegularExpression(QString(R"([\s\S]+)")),Qt::FindChildOption::FindDirectChildrenOnly));
#endif
    for (auto &child : children)
        cumulativeHeight += child->height(); // 累加直接子控件高度

    // 累加布局边距和控件间距
    cumulativeHeight += layout()->contentsMargins().top();
    cumulativeHeight += layout()->contentsMargins().bottom();
    cumulativeHeight += layout()->spacing() * (children.count() - 1);

    return cumulativeHeight;
}

void Sidebar::addWidget(QWidget *btn)
{
    this->verticalLayout->addWidget(btn);
}

void Sidebar::resizeEvent(QResizeEvent *)
{
    // 动画未运行时改变,父窗口高度改变,需重设动画起始和结束高度
    // 这里不判断高度是否相等(性能差不多?? 但是需要增加额外的初始化代码)
    if (!this->isAnimationRunning) //&& this->height()!=this->window()->height()
    {
        this->initialSize.rheight() = this->height();
        this->endSize.rheight() = this->initialSize.rheight();
        this->animation->setStartValue(this->initialSize);
        this->animation->setEndValue(this->endSize);
    }
}

void Sidebar::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    painter.setBrush(this->backgroundBrush);
    painter.setPen(Qt::PenStyle::NoPen);
    painter.drawRect(this->rect());
    painter.setPen(this->borderLinePen);
    painter.drawLine(this->width(), 0, this->width(), this->height());
}

 sidebaroptionsbutton.h

#ifndef SIDEBAROPTIONSBUTTON_H
#define SIDEBAROPTIONSBUTTON_H

#include <QObject>
#include <QRadioButton>
#include <QWidget>
#include <QPoint>
#include <QEnterEvent>
#include <QEvent>
#include <QPaintEvent>
#include <QResizeEvent>
#include <QBrush>
#include <QColor>
#include <QLabel>
#include <QSizePolicy>
#include <QPainter>
#include <QPen>
#include <QPixmap>
#include <QRgb>
#include <QLayout>

class SidebarOptionsButton : public QRadioButton
{
    Q_OBJECT
public:
    SidebarOptionsButton(QWidget *parent, int index = 0, int minimumWidth = 40, int fixedHeight = 36);

    void setDisClickedColor(const QColor &color);      // 设置未选中时颜色
    void setClickedColor(const QColor &color);         // 设置选中时颜色
    void setClickedEnterColor(const QColor &color);    // 设置选中时鼠标进入颜色
    void setDisClickedEnterColor(const QColor &color); // 设置未选中时鼠标进入颜色
    void setPromptLineColor(const QColor &color);      // 设置选中时的提示线条颜色
    void setDrawPromptLineEnable(bool enable = true);  // 设置是否绘制选中时的提示线条
    void setFilletRadius(int radius);                  // 设置圆角半径
    int index();                                       // 获取索引值

public slots:
    void setIndex(int index);          // 设置索引
    void setIcon(const QPixmap &icon); // 设置图标
    void setText(const QString &text); // 设置展开后显示的文字

signals:
    void selectedIndex(int index); // 当按钮被选中时,这个信号将会发出索引值

protected:
    bool hitButton(const QPoint &pos) const override;    // 有效范围重设
#if (QT_VERSION >= QT_VERSION_CHECK(6,0,0))
    void enterEvent(QEnterEvent *event) override;        // 进入
#else
    void enterEvent(QEvent *event) override;
#endif
    void leaveEvent(QEvent *event) override;             // 离开
    void mousePressEvent(QMouseEvent *event) override;   // 点击
    void mouseReleaseEvent(QMouseEvent *event) override; // 松开
    void paintEvent(QPaintEvent *event) override;

private:
    QColor dis_clicked_Color{qRgb(243, 243, 243)};
    QColor clicked_color{qRgb(233, 233, 233)};
    QColor clicked_enter_color{qRgb(237, 237, 237)};
    QColor dis_clicked_enter_color{qRgb(233, 233, 233)};
    QColor pressColor{qRgb(236, 236, 236)};
    QColor prompt_line_color{qRgb(0, 159, 170)};
    QBrush background_brush{dis_clicked_Color};
    QLabel *icon_label = nullptr;
    QLabel *text_label = nullptr;
    int index_ = 0; // 索引值
    bool is_draw_prompt_line = true;
    int fillet_radius = 4;
};

#endif // SIDEBAROPTIONSBUTTON_H

sidebaroptionsbutton.cpp 

#include "sidebaroptionsbutton.h"

SidebarOptionsButton::SidebarOptionsButton(QWidget *parent, int index, int minimumWidth, int fixedHeight)
    : QRadioButton{parent},
      icon_label{new QLabel(this)},
      text_label{new QLabel(this)},
      index_{index}
{
    QSizePolicy sizePolicy(QSizePolicy::Policy::Minimum, QSizePolicy::Policy::Fixed);
    sizePolicy.setHorizontalStretch(0);
    sizePolicy.setVerticalStretch(0);
    sizePolicy.setHeightForWidth(this->sizePolicy().hasHeightForWidth());
    this->setSizePolicy(sizePolicy);
    this->setMinimumWidth(minimumWidth);
    this->setFixedHeight(fixedHeight);
    this->resize(minimumWidth, fixedHeight);

    this->icon_label->resize(size() / 2);
    this->icon_label->move(width() / 4, height() / 4);
    this->icon_label->setScaledContents(true);

    this->text_label->move(this->width() + parent->layout()->contentsMargins().right(), height() / 4);

    connect(this, &SidebarOptionsButton::toggled, this, [&](bool isClicked)
            {
                if(isClicked)
                {
                    emit this->selectedIndex(this->index_);
                    this->background_brush.setColor(this->clicked_color);
                }
                else
                    this->background_brush.setColor(this->dis_clicked_Color);
                this->update();
            });
}

void SidebarOptionsButton::setDisClickedColor(const QColor &color)
{
    this->dis_clicked_Color = color;
}

void SidebarOptionsButton::setClickedColor(const QColor &color)
{
    this->clicked_color = color;
}

void SidebarOptionsButton::setClickedEnterColor(const QColor &color)
{
    this->clicked_enter_color = color;
}

void SidebarOptionsButton::setDisClickedEnterColor(const QColor &color)
{
    this->dis_clicked_enter_color = color;
}

void SidebarOptionsButton::setPromptLineColor(const QColor &color)
{
    this->prompt_line_color = color;
}

void SidebarOptionsButton::setDrawPromptLineEnable(bool enable)
{
    this->is_draw_prompt_line = enable;
}

void SidebarOptionsButton::setFilletRadius(int radius)
{
    this->fillet_radius = radius;
}

int SidebarOptionsButton::index()
{
    return this->index_;
}

void SidebarOptionsButton::setIndex(int index)
{
    this->index_ = index;
}

void SidebarOptionsButton::setIcon(const QPixmap &icon)
{
    this->icon_label->setPixmap(icon);
}

void SidebarOptionsButton::setText(const QString &text)
{
    this->text_label->setText(text);
}

bool SidebarOptionsButton::hitButton(const QPoint &) const
{
    return true;
}

#if (QT_VERSION >= QT_VERSION_CHECK(6,0,0))
void SidebarOptionsButton::enterEvent(QEnterEvent *event)
{
    QRadioButton::enterEvent(event);
    if (this->isChecked())
        this->background_brush.setColor(this->clicked_enter_color);
    else
        this->background_brush.setColor(this->dis_clicked_enter_color);
    this->update();
}
#else
void SidebarOptionsButton::enterEvent(QEvent *event)
{
    QRadioButton::enterEvent(event);
    if (this->isChecked())
        this->background_brush.setColor(this->clicked_enter_color);
    else
        this->background_brush.setColor(this->dis_clicked_enter_color);
    this->update();
}
#endif

void SidebarOptionsButton::leaveEvent(QEvent *event)
{
    QRadioButton::leaveEvent(event);
    if (this->isChecked())
        this->background_brush.setColor(this->clicked_color);
    else
        this->background_brush.setColor(this->dis_clicked_Color);
    this->update();
}

void SidebarOptionsButton::mousePressEvent(QMouseEvent *event)
{
    QRadioButton::mousePressEvent(event);
    this->background_brush.setColor(this->pressColor);
    this->update();
}

void SidebarOptionsButton::mouseReleaseEvent(QMouseEvent *event)
{
    QRadioButton::mouseReleaseEvent(event);
    this->background_brush.setColor(this->clicked_color);
    this->update();
}

void SidebarOptionsButton::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    painter.setRenderHints(QPainter::RenderHint::Antialiasing); // 抗锯齿

    // 绘制背景色
    painter.setBrush(this->background_brush);
    painter.setPen(Qt::PenStyle::NoPen);
    painter.drawRoundedRect(rect(), this->fillet_radius, this->fillet_radius);

    // 绘制选中提示线条
    if (this->isChecked() && this->is_draw_prompt_line)
    {
        QPen pen(this->prompt_line_color);
        pen.setCapStyle(Qt::PenCapStyle::RoundCap);

        int lineWidth = 3;
        pen.setWidth(lineWidth);

        painter.setPen(pen);

        int x = lineWidth;
        int y1 = this->height() / 4;
        int y2 = y1 * 2 + y1;

        painter.drawLine(x, y1, x, y2);
    }
}

sidebarwindow.h

#ifndef SIDEBARWINDOW_H
#define SIDEBARWINDOW_H

#include <QWidget>
#include <QResizeEvent>
#include <QPushButton>
#include <QHBoxLayout>
#include <QSpacerItem>
#include <QStackedWidget>
#include "sidebar.h"

class SidebarWindow : public QWidget
{
    Q_OBJECT

public:
    SidebarWindow(QWidget *parent = nullptr);
    Sidebar *sidebar();               // 返回侧边栏对象指针
    QSpacerItem *placeholderSpring(); // 返回占位弹簧对象指针
    QStackedWidget *stackedWidget();  // 返回多页窗口控件对象指针

protected:
    void resizeEvent(QResizeEvent *event) override;
    void mousePressEvent(QMouseEvent *event) override; // 点击

signals:
    void clicked(); // 多页窗口被点击时此信号将发出

private:
    void setupUi(QWidget *parent);
    Sidebar *sidebar_;               // 侧边栏
    QHBoxLayout *horizontalLayout;   // 水平布局
    QSpacerItem *placeholderSpring_; // 占位弹簧
    QStackedWidget *stackedWidget_;  // 多页窗口
};
#endif // SIDEBARWINDOW_H

sidebarwindow.cpp

#include "sidebarwindow.h"

SidebarWindow::SidebarWindow(QWidget *parent)
    : QWidget(parent)
{
    this->setupUi(this);
}

Sidebar *SidebarWindow::sidebar()
{
    return this->sidebar_;
}

QSpacerItem *SidebarWindow::placeholderSpring()
{
    return placeholderSpring_;
}

QStackedWidget *SidebarWindow::stackedWidget()
{
    return stackedWidget_;
}

void SidebarWindow::setupUi(QWidget *parent)
{
    this->horizontalLayout = new QHBoxLayout(parent);
    this->horizontalLayout->setContentsMargins(0, 0, 0, 0);

    // 占位弹簧大小需要和侧边栏宽度相等,默认已相等
    this->placeholderSpring_ = new QSpacerItem(50, 0, QSizePolicy::Policy::Fixed, QSizePolicy::Policy::Minimum);

    this->stackedWidget_ = new QStackedWidget(parent);

    // 添加到水平布局中
    this->horizontalLayout->addItem(placeholderSpring_);
    this->horizontalLayout->addWidget(stackedWidget_);

    this->stackedWidget_->setCurrentIndex(-1); // 没有初始页
    this->sidebar_ = new Sidebar(parent);      // 无布时,局默认位置即为(0,0)
    this->sidebar_->raise();                   // 将侧边栏移到最前方(写在其余控件之后)
    this->resize(600, 400);
}

void SidebarWindow::resizeEvent(QResizeEvent *event)
{
    QWidget::resizeEvent(event);
    this->sidebar_->resize(sidebar_->width(), height());
}

void SidebarWindow::mousePressEvent(QMouseEvent *event)
{
    QWidget::mousePressEvent(event);
    if (event->pos().x() > this->sidebar_->width())
        emit this->clicked();
}

伸缩侧边栏窗口2

 shrinkanimation.h

#ifndef SHRINKANIMATION_H
#define SHRINKANIMATION_H

#include <QtWidgets/QWidget>
#include "ui_shrinkanimation.h"

class ShrinkAnimation : public QWidget
{
	Q_OBJECT

public:
	ShrinkAnimation(QWidget *parent = 0);
	~ShrinkAnimation();

private:
	void initControl();
	void resizeEvent(QResizeEvent *);

private:
	Ui::ShrinkAnimationClass ui;
};

#endif // SHRINKANIMATION_H

shrinkanimation.cpp

//这里是主界面ShrinkAnimation.cpp
#include "shrinkanimation.h"
#include "statuswidget.h"

#include <QPropertyAnimation>
#include <QPushButton>

ShrinkAnimation::ShrinkAnimation(QWidget *parent)
    : QWidget(parent)
{
    ui.setupUi(this);
    initControl();
}

ShrinkAnimation::~ShrinkAnimation()
{

}

void ShrinkAnimation::initControl()
{
    ui.titleWidget->setFixedWidth(this->width());
    StatusWidget* pWidget = new StatusWidget(ui.upWidget);
    pWidget->setFixedSize(this->width(), 48);
    pWidget->move(0, ui.titleWidget->height());

    connect(ui.pushButton, &QPushButton::clicked, [this, pWidget]()
    {
        QPropertyAnimation *animation = new QPropertyAnimation(ui.upWidget, "fixSizeHeight");
        animation->setDuration(200);
        animation->setEasingCurve(QEasingCurve::InQuad);
        if (ui.upWidget->height() > 32)
        {
            animation->setEndValue(32);
        }
        else
        {
            animation->setEndValue(pWidget->height() + 32);
        }
        animation->start(QAbstractAnimation::DeleteWhenStopped);
    });
}

void ShrinkAnimation::resizeEvent(QResizeEvent*)
{
    ui.titleWidget->setFixedWidth(this->width());
    ui.pushButton->move(this->width() - ui.pushButton->width(), 0);
}

 statuswidget.h

#ifndef STATUSWIDGET_H
#define STATUSWIDGET_H

#include <QWidget>
#include "ui_statuswidget.h"

class StatusWidget : public QWidget
{
	Q_OBJECT

public:
	StatusWidget(QWidget *parent = 0);
	~StatusWidget();

private:
	Ui::StatusWidget ui;

private:
	void paintEvent(QPaintEvent* event);
};

#endif // STATUSWIDGET_H

statuswidget.cpp 

//黄色区域代码，添加自己想要添加的控件
#include "statuswidget.h"
#include <QPainter>
#include <QStyleOption>

StatusWidget::StatusWidget(QWidget *parent)
	: QWidget(parent)
{
	ui.setupUi(this);
}

StatusWidget::~StatusWidget()
{

}

void StatusWidget::paintEvent(QPaintEvent* event)
{
	// 背景图
	QStyleOption opt;
	opt.init(this);
	QPainter p(this);
	style()->drawPrimitive(QStyle::PE_Widget, &opt, &p, this);
    QWidget::paintEvent(event);
}

titlewidget.h 

#ifndef TITLEWIDGET_H
#define TITLEWIDGET_H

#include <QWidget>
#include "ui_titlewidget.h"

class TitleWidget : public QWidget
{
	Q_OBJECT
	Q_PROPERTY(int fixSizeHeight READ fixSizeHeight WRITE setCusfixSizeHeight)

public:
	TitleWidget(QWidget *parent = 0);
	~TitleWidget();

public:
	void setCusfixSizeHeight(int height);
	int  fixSizeHeight();

private:
	Ui::TitleWidget ui;
};

#endif // TITLEWIDGET_H

 titlewidget.cpp

//TitleWidget 这里就是自定义属性，设置展开收缩那部分
#include "titlewidget.h"

TitleWidget::TitleWidget(QWidget *parent)
	: QWidget(parent)
{
	ui.setupUi(this);
}

TitleWidget::~TitleWidget()
{

}

void TitleWidget::setCusfixSizeHeight(int height)
{
	this->setFixedHeight(height);
}

int TitleWidget::fixSizeHeight()
{
	return this->height();
}

Qt界面篇：Qt界面之侧边栏隐藏和滑出
欧特GO
08-23 1万+
在实际的Qt界面布局设计中，特别是主界面中，经常会用到侧边栏的方式，然后在其中加入其他控件来复合使用，下面简单来实现一下Qt侧边栏的隐藏和显示
SAdb项目第八章-侧边栏缩放功能实现
清欢无别事
06-24 402
本章提供两种方式实现侧边栏缩放功能
Qt收缩窗口动态效果
来份煎蛋吧^的博客
08-02 1561
Qt收缩窗口动态效果
Qt实现可伸缩的侧边工具栏(鼠标悬浮控制伸缩栏)
qq_37366618的博客
08-03 3532
一直在网上找，发现大多的实现方案都是用一个按钮，按下控制侧边栏的伸缩，但是我想要实现在侧边栏的时候就伸出，移开就收缩的功能，也没找到好的参考，所以决定自己实现一个，只在C++代码里面就可以实现了，不需要用到qss。
用Qt实现QQ好友列表界面伸缩功能（完全一模一样）（伸展和收缩、抽屉效果、类似树形控件）（鼠标划过QSS效果）.zip
10-13
总结用Qt的自定义按钮和QWidget界面实现QQ好友列表的界面伸展和收缩功能，以及鼠标滑过、鼠标单击的QSS样式表效果。原理讲解博客地址如下：https://blog.csdn.net/naibozhuan3744/article/details/102537152。编译环境为Qt5.9.4+QtCreator4.5.0+MinGW32
Qt 侧边栏
GreenArrowMan-CSDN博客
10-23 8296
通过QToolButton来实现侧边栏，或者说侧边工具栏，可以通过接口直接自由添加按钮，可以设置工具按钮对应的QWidget，进而点击不同的按钮可以显示不同的QWidget。 实现代码： #ifndef QSIDEBAR_H #define QSIDEBAR_H #include #include #include #include #include class QSid
Qt 窗口实现伸缩功能(含实现代码例子)
bigger_belief的博客
03-11 2666
Qt 窗口实现伸缩功能(含实现代码例子)
QT界面框架（滑动导航条+伸缩菜单）
06-04
本文将详细解析"QT界面框架（滑动导航条+伸缩菜单）"这一主题，以及如何利用QT库实现滑动导航条和伸缩菜单。 首先，QT是Qt Company开发的一个开源跨平台应用程序开发框架，它基于C++，提供了丰富的API和面向对象的...
SAdb项目第七章-代码添加侧边栏控件
清欢无别事
06-24 275
本章使用代码完成侧边栏控件
qt实现类似QQ伸缩窗口--鼠标事件应用
06-06
QT实现一个窗体中包含左右两个窗体，通过鼠标事件，隐藏左边窗口，右边窗口伸展。在点击，显示左边窗口。
QSideBar Qt侧边栏.zip
10-23
QSideBar Qt侧边栏.zip
qt 动态伸缩效果实例
04-17
qt 简单的动态伸缩代码示例，仅供参考，初学者可以学习
pyqt设置伸缩侧边栏
03-10
伸缩侧边栏通常指的是可以通过拖动调整宽度，或者有折叠展开功能的侧栏。可能需要用QSplitter或者QToolBar来实现。 用户可能希望侧边栏能动态调整，比如拖动分隔条改变宽度，或者点击按钮折叠展开。QSplitter确实是...
qt 侧边栏 Sidebar
lxj362343的博客
03-25 3005
方式一自定义 https://bbs.csdn.net/topics/370167499 1.整体框架可采用QMainWindow类 2.左侧导航栏：根据需要可以用QListWidget或QTreeWidget； 3.内容窗口可以使用QMdiArea类 方式二 QSidebar
动态侧边栏在Qt中的实现（:QWidget）
Engima_lcm的博客
06-03 1288
构造函数中，首先初始化侧边栏的布局，动画以及初始尺寸，使用布局管理子控件，以便后续在侧边栏添加自定义控件，以及设置动画持续时间以及边框线的宽度。通过“setIncreasedWidth()”方法设置展开时增加的宽度，在resize事件中处理父窗口的大小变化时的调整逻辑。在“expand()”方法中启动展开动画，在“shrink()”中启动收缩动画，并通过信号槽机制在动画结束时调整侧边栏。在“resizeEvent”中处理窗口大小变化，调整侧边栏的高度与主窗口一致。侧边栏展开时，右侧窗口自动收缩。
Qt浅谈之四十五QSplitter实现自由伸缩滑动窗口
热门推荐
乌托邦
02-22 1万+
一、简介 最近看到一篇Qt实现伸缩滑动的窗口的文章，但其代码不完整。便在此重新书写了完整的代码，并开源出来。窗口的中央有滑动条可以动态改变子窗口的大小，隐藏的按钮可以快速伸缩子窗口。其效果图如下： 二、详解 1、代码 （1）slidingwindow.h #ifndef SLIDINGWINDOW_H #define SLIDINGWINDOW_H #in...
Qt--实现侧边栏
贝勒里恩的博客
12-09 8318
一、效果展示 二、原理详解 实现这个隐藏侧边栏的主要思想是侧边栏的显示和隐藏，显示和隐藏只需要移动Widget到可看见的区域（窗口区域）和不可看见的区域（窗口区域之外）即可。可以使用QPropertyAnimation属性动画，绑定Widget的geometry属性，实现显示和隐藏的动画效果，关键代码如下： MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent) , ui(new Ui::MainWindow) {
创建可拖动及伸缩的Qt无边框窗口
最新发布
weixin_35754676的博客
05-06 796
在图形用户界面设计中，无边框窗口是一种常见且实用的设计元素。它能够让界面更加简洁，专注于展示内容，而不被装饰性的框架所干扰。在Qt框架中，无边框窗口的创建及其特性是一系列深入探索GUI编程的起点。在Qt框架中，鼠标事件是GUI编程中不可或缺的一部分，它允许程序响应用户的鼠标操作。Qt中的鼠标事件主要包括以下几种类型：：当鼠标按钮被按下时触发。：当鼠标按钮被释放时触发。：当鼠标在窗口中移动时触发。：当鼠标双击时触发。：当鼠标进入控件区域时触发。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值