QT学习 第一章：基本对话框--利用Qt Designer设计一个对话框

QT学习 第一章：基本对话框--利用Qt Designer设计一个对话框

效果截图：

创建文件夹Designer，使用Qt Designer设置界面对话框，如下图：

设计完成保存为name.ui文件。

编写main.cpp文件：

/** Object: Designer ** Desc: Designer 使用 ** File: main.cpp ** Compile:qmake-qt4 -project;qmake-qt4;make; ** Author: LiXiujie www.xiujie.cn ** Date: 2011-05-16 ** Note: 编译说明： ** qmake-qt4 -prject 自动生成程序的项目文件（*.pro）; ** 打开工程文件加入FORMS += name.ui ** qmake-qt4 用于生成程序的Makefile文件； ** make 编译 Makefile 文件得到可执行文件。 ** */ #include <QApplication> // 所有QT图形化应用程序必须包含此文件，它包含了QT图形化应用程序的各种资源、基本设置、控制流及事件处理等。 #include <QDialog> #include <QMessageBox> #include "ui_name.h" int main(int argc, char *argv[]){ QApplication app(argc, argv); Ui::uiDialog ui; QDialog *dialog = new QDialog; ui.setupUi(dialog); dialog->show(); return app.exec(); }

 

界面文件name.ui代码：

<?xml version="1.0" encoding="UTF-8"?> <ui version="4.0"> <class>uiDialog</class> <widget class="QDialog" name="uiDialog"> <property name="geometry"> <rect> <x>0</x> <y>0</y> <width>404</width> <height>114</height> </rect> </property> <property name="windowTitle"> <string>Input Name Dialog</string> </property> <widget class="QWidget" name="horizontalLayoutWidget"> <property name="geometry"> <rect> <x>30</x> <y>20</y> <width>341</width> <height>31</height> </rect> </property> <layout class="QHBoxLayout" name="uiHorizontalLayout"> <item> <widget class="QLabel" name="uiLabelName"> <property name="text"> <string>姓名：</string> </property> </widget> </item> <item> <widget class="QLineEdit" name="uiLineEditName"/> </item> </layout> </widget> <widget class="QWidget" name="horizontalLayoutWidget_2"> <property name="geometry"> <rect> <x>30</x> <y>70</y> <width>341</width> <height>31</height> </rect> </property> <layout class="QHBoxLayout" name="uiHorizontalLayout_2"> <item> <spacer name="uiHorizontalSpacer"> <property name="orientation"> <enum>Qt::Horizontal</enum> </property> <property name="sizeHint" stdset="0"> <size> <width>40</width> <height>20</height> </size> </property> </spacer> </item> <item> <widget class="QPushButton" name="uiPushButtonOk"> <property name="text"> <string>确定</string> </property> </widget> </item> <item> <widget class="QPushButton" name="uiPushButtonCancel"> <property name="text"> <string>取消</string> </property> </widget> </item> </layout> </widget> </widget> <tabstops> <tabstop>uiLineEditName</tabstop> <tabstop>uiPushButtonOk</tabstop> <tabstop>uiPushButtonCancel</tabstop> </tabstops> <resources/> <connections/> <slots> <slot>slotPBOk()</slot> </slots> </ui>