Qt5开发及实例第2版 第3章Qt5布局管理 文档.ppt

第 3 章 Qt 5 布局管理 3.1 3.2 3.3 分割窗口 QSplitter 类 停靠窗口 QDockWidget 类 堆栈窗体 QStackedWidget 类 3.4 3.5 基本布局（ QLayout ） 【综合实例】：修改用户资料 3.1 分割窗口 QSplitter 类 【例】 （简单） 一个十分简单的分割窗口功能，整个对话框由三个窗口组成， 各个窗口之间的大小可随意拖曳改变，效果如图 3.1 所示。 3.1 分割窗口 QSplitter 类 本实例采用编写代码的方式实现，具体步骤如下。 （ 1 ）新建 Qt Widgets Application （详见 1.3.1 节），项目名称为“ Splitter ”， 基类选择“ QMainWindow ”，取消“创建界面”复选框的选中状态。 （ 2 ）在上述 工程的“ main.cpp ”文件中添加代码。 （ 3 ）在“ main.cpp ”文件的开始部分加入以下头文件： #include<Qsplitter> #include<QTextEdit> #include <QTextCodec> （ 4 ）运行程序，显示效果如图 3.1 所示。 3.2 停靠窗口 QDockWidget 类 停靠窗口 QDockWidget 类也是应用程序中经常用到的，设置停靠窗口的一般 流程如下。 （ 1 ）创建一个 QDockWidget 对象的停靠窗体。 （ 2 ）设置此停靠窗体的属性，通常调用 setFeatures() 及 setAllowedAreas() 两 种方法。 （ 3 ）新建一个要插入停靠窗体的控件，常用的有 QListWidget 和 QTextEdit 。 （ 4 ）将控件插入停靠窗体，调用 QDockWidget 的 setWidget() 方法。 （ 5 ）使用 addDockWidget() 方法在 MainWindow 中加入此停靠窗体。 3.2 停靠窗口 QDockWidget 类 【例】 （简单） 停靠窗口 QDockWidget 类的使用：窗口 1 只可在主窗口的左边 和右边停靠；窗口 2 只可在浮动和右部停靠两种状态间切换，并且不可移动；窗口 3 可实现停靠窗口的各种状态。效果如图 3.2 所示。实例文件见光盘 CH302 。 3.2 停靠窗口 QDockWidget 类 （ 1 ）新建 Qt Widgets Application （详见 1.3.1 节），项目名称为 “ DockWindows ”，基类选择“ QMainWindow ”，类名命名为 “ DockWindows ”，取消“创建界面”复选框的选中状态，如图 3.3 所示。 3.2 停靠窗口 QDockWidget 类 （ 2 ） DockWindows 类中只有一个构造函数的声明。代码如下： class DockWindows : public QMainWindow { Q_OBJECT public: DockWindows(QWidget *parent = 0); ~DockWindows(); }; （ 3 ）打开“ dockwindows.cpp ”文件， DockWindows 类构造函数实现窗口 的 初始化及功能实现，具体代码。 （ 4 ）在“ dockwindows.cpp ”文件的开始部分加入以下头文件： #include<QTextEdit> #include<QDockWidget> （ 5 ）运行程序，显示效果如图 3.2 所示。 3.3 堆栈窗体 QStackedWidget 类 【例】 （简单） 堆栈窗体 QStackedWidget 类的使用，当选择左侧列表框中不 同的选项时，右侧显示所选的不同的窗体。在此使用列表框 QListWidget ，效果如 图 3.4 所示。 3.3 堆栈窗体 QStackedWidget 类 （ 1 ）新建 Qt Widgets Application （详见 1.3.1 节），项目名称为 “ StackedWidget ”，基类选择“ QDialog ”，类名命名为“ StackDlg ”，取消 “创建界面”复选框的选中状态，如图 3.5 所示。 3.3 堆栈窗体 QStackedWidget 类 （ 2 ）打开“ stackdlg.h ”文件，添加如下加黑代码： class StackDl