一 Qt设计师(designer)
案例:使用qt设计,重构加法计算器
1 创建工程目录
mkdir Calculator2
2 进入工程目录,输入“designer”启动设计师
1)在新建窗体界面选择模板
“Dialog Without Button”
2)在设计师界面中完成“计算器”界面设计
–》从“widget Box”中找到所用图形控件拖拽到父窗口上
Label、LineEdit、PushButton
–》设置父窗口和每个控件属性
父窗口:
objectName(对象名):CalculatorDialog
windowTitle(窗口标题):加法计算器
font(字体):点大小(20)
左操作数:
objectName:m_editX
alignment:水平(AlignRight)
右操作数:
objectName:m_editY
alignment:水平(AlignRight)
显式结果:
objectName:m_editZ
alignment:水平(AlignRight)
readOnly(只读):勾选√
加号:
objectName:m_label
text:"+"
等号按钮:
objectName:m_button
enabled:去掉勾选√
text:"="
注:styleSheet(样式表):设置背景图片、各种颜色
–》调整每个控件大小和位置
方法1:鼠标拖拽
方法2:键盘,ctrl/shift+方向键
方法3:设置geometry属性,位置(x,y)/大小(宽度,高度)
方法4:使用布局器自动调整//推荐
–》窗体->预览
–》保存(ctrl+s),指定文件名“CalculatorDialog.ui”
–》关闭,最终得到一个“.ui”文件
3 将“.ui(xml)”转换为".h(c++)"
uic CalculatorDialog.ui -o ui_Calculato