qt creator 可扩展对话框设计.docVIP

PAGE 1/ NUMPAGES 8 电 子 科 技 大 学 学 生 实 验 报 告 书 课 程 名 称 实用嵌入式应用系统设计与实现 任 课 老 师 学 生 姓 名 学 生 学 号 学 生 学 院 2014 — 2015 学年 第2学期 实验项目名称 可扩展对话框的设计 实验日期 2015.3.20 一、实验内容描述 1、采用IDE中使用完全手写代码的方法设计扩展对话框； 2、采用Qt Designer设计界面的方法设计可扩展对话框； 3、可扩展对话框通常只显示简单的外观，通过一个切换按钮可以让用户在对话框的简单外观和扩展外观之间来回切换。可扩展对话框常用于同时满足普通用户和高级用户的需要。 实例运行效果如下图所示： 二、实验步骤设计 实验可采用两种方案设计： 方案一：采用IDE中使用完全手写代码的方法： 1、创建一个Empty Qt Project的空项目，该项目名为lesson_test_dialog。生成工程文件（创建项目时自动生成）：lesson_text_dialog.pro ； 2、增加主程序文件：main.cpp ，对话框类的头文件：lesson_test_dialog.h ，实现文件：lesson_test_dialog.cpp ； 3、然后在代码编辑器中完成编辑； 4、编译、运行。 方案二：采用Qt Designer设计界面的方法 1. 创建一个Qt Gui应用的项目，项目名称为lesson_test_dialog_Designer，基类选择Qwidget。 2. 创建一个GroupBox控件，使它足够大，再在其中再创建一个GroupBox控件，里面的控件title属性设为basicGroupBox，并在basicGroupBox中拖放一些控件 3. 选择Name标签、文本输入框、Sex标签和ComboBox，再点击工具栏中的“在窗体布局中布局”按钮，实现多个控件的表单布局。 4. 选择Detail按钮和Close按钮，然后点击工具栏上的“水平布局”按钮，实现多个控件的水平布局。 5. 在basicGroupBox下面在创建一个GroupBox，title属性设为extensionGroupBox。 6. 编辑Tab顺序，点击工具栏上的“编辑Tab顺序”按钮，将控件上的数字从“1”点到“7”即可。完成后再按工具栏上的“编辑控件”按钮返回。 7. 编辑信号/槽，Close按钮的clicked()信号和GroupBox的close()槽函数连接。 如图所示： 8、返回项目树视图，在头文件widget.h中添加新代码，在源文件widget.cpp中添加新代码。 9、编译、运行。 三、实验代码 方案一：采用IDE中使用完全手写代码的方法： 1、对话框头文件lesson_test_dialog.h的源码如下： #ifndef LESSON_TEXT_DIALOG_H #define LESSON_TEXT_DIALOG_H #includeQtGui class lesson_text_dialog:public QDialog { Q_OBJECT //应用信号/槽机制时必须加入这个宏。 public: lesson_text_dialog(); void initBasicInfo(); //初始化基础信息的函数。 void initDetailInfo(); //初始化扩展信息的函数。 public slots: void slot2Extension(); //共有槽，在用户单击Detali按钮时被触发。 private: QWidget *baseWidget; //实例化的Qwidget，代表伸缩前的对话框。 QWidget *detailWidget; //实例化的Qwidget，代表伸缩后的对话框。 }; #endif // LESSON_TEXT_DIALOG_H 2、实现文件lesson_test_dialog.cpp的源码如下： #include lesson_test_dialog.h lesson_text_dialog::lesson_text_dialog() { setWindowTitle(Information);//设置标题。 initBasicInfo();//初始化基本信息窗体。 initDetailInfo()