2.QT界面切换及隐藏--Apple的学习笔记

一，前言

之前做了基本的主界面的练习1.QT自制文件编辑器--Apple的学习笔记，本次主要是看了官网layouts相关的example，以及下载了github中一个smarthome项目的源码（里面都是点击按钮后的同一位置的界面切换）。所以我本次的练习目标是熟悉更多的自动布局控件，以及掌握界面切换的方法。

二，小练习

自定义需求：主界面的中心位置添加3个带图像的按钮，与工具栏保持同样的功能。然后可以点击按钮切换不同小界面在中心区域。

我在看example的时候，学习到了些有用的widget。QDialogButtonBox(组合按钮)，QGroupBox（容器），QGridLayout（栅格化布局），QFormLayout（表单管理器），QStackedWidget（同一窗口下多页面切换）。所以我会练习这些widget来完成本次的目标。
另外在看smarthome项目源码的时候了解其架构包括了public的参数配置，以及一个个类主要按widget界面来区分。每个小界面功能也不多，交互都是用自定义的信号和槽，mainwidget管理所有切换界面。总体来说代码看起来很轻松，说明这样的架构设计对小型工程比较适用的。但是这样的全局静态类我理解只适用于小项目，大型项目还是用传参数的弱关联比较好吧~

三，遇到的问题

1. 如何通道代码添加QStackedWidget控件到界面中
解决方法：已经在layout中添加了一个pushbutton，点击后会弹出新增的widget子界面。但是QStackedWidget无法添加到layout中。所以不能用mainLayout->addLayout(pStackedWidget)而要用mainLayout->addWidget(pStackedWidget);
2. QVBoxLayout如何设置控件的比例
解决方法：有API的。bool QBoxLayout::setStretchFactor(QLayout * layout, int stretch)。
3. 某区域的隐藏和显示
解决方法：新增的界面区域功能为配置界面。所以点击"Tool->配置"可以显示及隐藏。思路是自建一个QWidget，然后设置layout（layout中就是打包要隐藏的内容，最后通过触发按钮，setVisible即可。）

m_DynamicWidget = new QWidget;
m_DynamicWidget->setParent(this);
m_DynamicWidget->setVisible(false);
...
m_DynamicWidget->setLayout(m_PageLayout);

点击显示和隐藏需要重置比例，被隐藏

m_DynamicWidget->setVisible(false);
m_mainLayout->setStretchFactor(m_topLayout,1);
m_mainLayout->setStretchFactor(m_textLayout,10);

被显示

m_DynamicWidget->setVisible(true);
m_mainLayout->setStretchFactor(m_topLayout,1);
m_mainLayout->setStretchFactor(m_textLayout,1);

四，效果展示

在之前我做的文件编辑器上继续扩展功能，添加一个配置按钮，点击则会显示和隐藏配置界面。

image.png

默认显示page1，点击配置界面左边list的page2，则QStackedWidget起作用了，同样空间显示page2的Widget控件。

image.png

image.png

五，小结

通过练习常用的控件，已经掌握了布局方法。主要是新掌握了QStackedWidget界面page切换效果和widget隐藏显示的技巧。