Vs - Qt - 下拉窗口示例

下列代码定义了一个窗口，窗口采用竖直布局：一个按钮及一个label。按下按钮时候，窗口扩张，显示label控件。再次按下按钮时，窗口收缩，隐藏label控件。

详细代码如下：

#include 
#include 
#include 
#include 
#include 
#include 
#include 
#include 

class MyWidget : public QWidget
{
	//Q_OBJECT
public:
	MyWidget(QWidget* parent = nullptr) : QWidget(parent), m_bD(true)
	{
		setFixedWidth(100);
	//	setStyleSheet("background-color:red;");
		m_vLayout = new QVBoxLayout();
		m_vLayout->setContentsMargins(0, 0, 0, 0);
		setLayout(m_vLayout);

		m_hLayout = new QHBoxLayout();
		m_pushBtn = new QPushButton("d!", this);
		m_pushBtn->setFixedSize(20, 20);
		m_hLayout->addStretch(1);
		m_hLayout->addWidget(m_pushBtn);

		m_vLayout->addLayout(m_hLayout);

		m_label = new QLabel(this);
		m_label->setText("just a label text!");
		m_vLayout->addWidget(m_label);
		m_vLayout->addStretch(1);

		//setFixedHeight(m_pushBtn->height() + m_label->height());
		setFixedHeight(m_pushBtn->height());
		m_label->hide();

		QObject::connect(m_pushBtn, &QPushButton::clicked, [=]() {
			if (m_bD)
			{
				//m_vLayout->addWidget(m_label);
				m_label->show();
				m_pushBtn->setText("d!");

				qDebug() << "push btn h:" << m_pushBtn->height() << ", label h:" << m_label->height();
				setFixedHeight(m_pushBtn->height() + m_label->height());
				m_bD = false;
			}
			else
			{
				m_bD = true;
				//m_vLayout->removeWidget(m_label);
				m_label->hide();
				m_pushBtn->setText("p!");
				qDebug() << "push btn h:" << m_pushBtn->height() << ", label h:" << m_label->height();
				setFixedHeight(m_pushBtn->height());
			}
			});
	}



private:
	QHBoxLayout* m_hLayout;
	QPushButton* m_pushBtn;
	bool m_bD;

	QVBoxLayout* m_vLayout;
	QLabel *m_label;
};

int main(int argc, char** argv)
{
	QApplication app(argc, argv);

	MyWidget w;

	w.show();

	return app.exec();
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82

页面效果如下：