day_03_QT设计师、创造器

案例：显示系统时间QTime；（QVBoxLayout）

七、设计师的使用

案例一：使用设计师，重构加法计算器

 1、创建工程目录：Calculate2
 2、进入工程目录：执行$ designer启动设计师
 3、选择父窗口模板："Dialog without Button"
 4、设计ui界面：
  1）将需要的组件从widget box中找到并拖拽到父窗口
  2）设置每个组件的属性
  3）选择 窗体->预览，查看效果
  4）保存（ctrl+s）得到”CalculatorDialog.ui”文件
  5）将”xx.ui”文件转换为”xx.h”
   uic CalculatorDialog.ui -o ui_CalculatorDialog.h

/* ui_CalculatorDialog.h */
class Ui_CalculatorDialog{
    public:
        图形组件的声明;
        void setup(){ // 界面初始化
            // 图形组件的创建
            // 属性设置
            // 界面布局调整...
        }
};
namespace Ui{
    class CalculatorDialog;
        public Ui_CalculatorDialo{};
};
Ui::CalculatorDialog 《等价》 Ui_CalculatorDialog

 5、使用继承的方式，编辑代码 …

/* 使用该头文件的方法1： */
class xx:public Ui::CalculatorDialog{
    // 将图形相关代码继承过来使用
};
/* 使用该头文件的方法2： */
class xx{
    Ui::CalculatorDialog* ui;
    // 通过ui对象指针，访问图形相关的代码
};

案例二：登录对话框

---

八、QT创造器的使用（qtcreator)

案例：使用qtcreator再次重构加法计算器
 1、在终端启动$ qtcreator
 2、在欢迎模式下，选择 new project
 3、选择模板Application --> Qt widgets application
 4、指定项目名字（Calculator3）和路径（…/day_03）
 注：将来会自动的创建和项目名字对应的目录；

 5、配置开发工具（默认）
 6、指定类的信息
   选择父窗口类（QDialog）指定类的名字 CalculatorDialog
 注：将来会自动生产和类名对应的"xx.h\xx.cpp\.ui"文件；

 7、项目管理（忽略）
 8、在编辑模式双击”xx.ui”即可进入设计师界面；
 9、设计ui界面
 注：父窗口对象的名字不能改；

---

练习：使用qtcreator重新实现一次登录对话框；