[Qt学习笔记]Qt实现控件的折叠收起和展开的功能

最新推荐文章于 2025-03-06 16:29:18 发布

coder_Alaric

最新推荐文章于 2025-03-06 16:29:18 发布

阅读量4k

点赞数 6

分类专栏： Qt实例学习文章标签： qt

本文链接：https://blog.csdn.net/fengyaowuhui/article/details/136859204

版权

1、介绍和功能分析

本次学习的内容主要是实现控件的折叠和展开，类似抽屉控件，目前Qt自带的控件QToolBox具有这个功能，但是一次只能展开一个，所以针对自己的需求可以自己写一个类似的功能，这里实现的方法比较多，其实原理也比较简单，就是点一次隐藏，再点一次显示的效果。

2、实现方法

目前实现的方法有两种，原理基本相同，方法一是使用QPushButton结合SetVisible()函数来实现点击后隐藏和显示的效果。其UI布局如下：
方法一.png
方法一使用点击QPushButton按钮来实现隐藏和显示QWidget的效果，再在QPushButton前增加辅助图标就实现了展开和收起的实际效果，其效果如下图：

方法二中主要通过ToolBox进行调用，将传入的QWidget传入到ToolPage中，ToolPage自动填充到内容区，再将ToolPage添加到垂直布局中，ToolPage分为标题栏（QPushButton）和内容区（QWidget），点击QPushButton后,循环展开/折叠内容区。方法二与方法一实现原理相同，只是方法二对ToolBox进行了再次封装，然后通过ToolBox直接调用。其UI布局如下：
方法二.png

3、代码实现

首先重新写一个抽屉的类来创建控件相关功能：

LockerButton.h



#ifndef LOCKER_BUTTON_H
#define LOCKER_BUTTON_H

#include <QWidget>
#include <QPushButton>

class QLabel;

class LockerButton : public QPushButton
{
    Q_OBJECT
public:
    explicit LockerButton(QWidget* parent = nullptr);

    // 设置按钮图标
    void SetImageLabel(const QPixmap &pixmap);

    // 设置按钮文字
    void SetTextLabel(QString text);

    // 返回图像label句柄
    QLabel* GetImageHandle();

    // 返回文字label句柄
    QLabel*