完美版资料电子科大航空航天学院嵌入式作业可扩展对话框的设计.doc

《完美版资料电子科大航空航天学院嵌入式作业可扩展对话框的设计.doc》由会员分享，可在线阅读，更多相关《完美版资料电子科大航空航天学院嵌入式作业可扩展对话框的设计.doc（7页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、电 子 科 技 大 学学 生 实 验 报 告 书课 程 名 称 实用嵌入式应用系统设计与实现任 课 老 师 李 波 实 验 名 称 可扩展对话框的设计 学 生 姓 名 学 生 学 号 学 生 学 院 航空航天学院 2014 2015 学年 第 2 学期实验项目名称可扩展对话框的设计实验日期2015.03.20一、实验内容描述（问题及要求的描述）可扩展对话框通常只显示简单的外观，通过一个切换按钮可以让用户在对话框的简单外观和扩展外观之间来回切换。可扩展对话框常用于同时满足普通用户和高级用户的需要。二、实验步骤设计（包括实验方案设计、实验步骤或算法描述等）实验设计方案如下所示： 编辑基础对话框的控

2、件。 编辑扩展对话框的控件。 编辑“detail”按钮的槽函数，用于实现当点击“detail”时扩展对的弹出和收回。 编辑对话框的控件属性，布局和Tab顺序。 连接“detail”按钮的点击信号和对应的槽函数。实验步骤：创建一个Qt Gui应用的项目，项目名称为lesson_test_dialog_Designer，基类选择Qwidget。项目建好后会自动生成一系列文件，双击界面文件widget.ui进入Qt Designer进行界面设计。创建一个GroupBox控件，使它足够大，再在其中再创建一个GroupBox控件，里面的控件title属性设为basicGroupBox，并在basicGr

3、oupBox中拖放一些控件，实现如图2所示效果。图2 可扩展对话框的设计界面编辑Tab顺序，点击工具栏上的“编辑Tab顺序”按钮，将控件上的数字从“1”点到“7”即可，如图3所示。完成后再按工具栏上的“编辑控件”按钮返回。图3 编辑控件顺序编辑信号/槽，Close按钮的clicked()信号和GroupBox的close()槽函数连接如图4所示。图4 添加信号/槽返回项目树视图，在头文件widget.h的Widget类添加一共有槽函数；三、实验结果分析及代码（包括结果描述、综合分析及实现关键代码）实验结果如图5所示：图5 实验结果/Widget.h/#ifndef WIDGET_H#defin

4、e WIDGET_H#include namespace Ui class Widget;class Widget : public QWidget Q_OBJECTpublic: explicit Widget(QWidget *parent = 0); Widget();public slots: void slot2Extension();private: Ui:Widget *ui;#endif / WIDGET_H/main.cpp/#include #include widget.hint main(int argc, char *argv)实验程序源码： QApplication

5、 a(argc, argv); Widget w;#if defined(Q_WS_S60) w.showMaximized();#else w.show();#endif return a.exec();/widget.cpp/#include widget.h#include ui_widget.hWidget:Widget(QWidget *parent) : QWidget(parent), ui(new Ui:Widget) ui-setupUi(this); ui-groupBox_2-hide(); ui-label_3-hide(); ui-label_4-hide(); ui

6、-label_5-hide(); ui-lineEdit_2-hide(); ui-lineEdit_3-hide(); ui-comboBox_2-hide();connect(ui-pushButton,SIGNAL(clicked(),this,SLOT(slot2Extension();void Widget:slot2Extension()if(ui-groupBox_2-isHidden() ui-groupBox_2-show();ui-label_3-show();ui-label_4-show();ui-label_5-show();ui-lineEdit_2-show();

7、ui-lineEdit_3-show();ui-comboBox_2-show();else ui-groupBox_2-hide();ui-label_3-hide();ui-label_4-hide();ui-label_5-hide();ui-lineEdit_2-hide();ui-lineEdit_3-hide();ui-comboBox_2-hide();Widget:Widget() delete ui;实验结果描述：如图5所示：在未按下“detail”按键时，只有左边的对话框，在“sex”按键下有下拉框，按下“detail”按键，出现右边的扩展对话框，在右边的框中的“department”中有下拉框。当按下左边框中的“close”按键，右边的对话框就会消失。实现了实验的要求。7/7