第二章 Page 26~27 可视化UI设计

创建一个Widget Application项目samp2_2,在创建窗体时选择基类QDialog,生成的类,命名为QWDialog,并选择生成窗体

第二章 Page 26~27 可视化UI设计_第1张图片

对勾去掉

第二章 Page 26~27 可视化UI设计_第2张图片

添加两个Group  Box

第二章 Page 26~27 可视化UI设计_第3张图片

添加三个Check Box,三个Radio Button

第二章 Page 26~27 可视化UI设计_第4张图片

水平布局

第二章 Page 26~27 可视化UI设计_第5张图片

水平布局和垂直布局效果

第二章 Page 26~27 可视化UI设计_第6张图片

添加文本域

第二章 Page 26~27 可视化UI设计_第7张图片

第二章 Page 26~27 可视化UI设计_第8张图片

添加一个水平布局Layout,三个按钮和两个spacer

第二章 Page 26~27 可视化UI设计_第9张图片

改名,然后点击垂直化布局:

第二章 Page 26~27 可视化UI设计_第10张图片

第二章 Page 26~27 可视化UI设计_第11张图片

编译,运行效果:

第二章 Page 26~27 可视化UI设计_第12张图片

你可能感兴趣的:(QT学习,ui,c++)