Qt编程入门（2） ： 窗口和布局（2）

窗口和布局是Qt主要的组成部分，Qt为此封装了至少几百个Class，要全部掌握这些Class是不现实的，也是不明智的。本章重点介绍几个常用的窗口和布局管理器的基本用法，只帮助起到一个引领入门的作用。对于更多的功能，还需要在实践中自己动手翻阅帮助文档。前面我们已经实现了一个全部为手写代码的窗口，这一章节就来学些Qt设计师快速窗口设计的强大功能。

本章将实现一个较为复杂的窗口，也是比较常见的窗口：配置管理窗口。这里只介绍窗口UI的实现，功能实现在此省略，有兴趣的同学可以自己下去作为练习来实现。先看效果图：

整个界面分上中下3个部分：
1、顶部为标题栏，实现图标、标题和退出按钮，我们自定义实现外观框架；
2、中间部分又分为左右两块，左边为导航按钮，右边为设置页面，为简单起见，只做了3个页面；
3、底部是操作按键，包含确定，取消和应用。这里不实现其功能，请大家下来后自行实现。

整体布局

打开Qt设计师，第一步我们应当做一个整体的规划设计。如下图，我已经做好了这样一个UI框架：

这里我建议将每个区域都使用QFrame容器来先行填充，就好比我们修房子一样，总得先画个草图吧。为什么不使用Layout呢？因为Layout在实际设计界面时不如QFrame拖动那么方便，多做几个这样的界面你就会深有体会。再看看类的关系：