现在的位置: 首页 > 综合 > 正文

QT学习笔记(三) QtDesigner的简单使用

2018年04月10日 ⁄ 综合 ⁄ 共 925字 ⁄ 字号 评论关闭

QtDesigner Version:5.0.1

System:Win7

设计一个简单的dialog界面

1· 在designer界面,文件 -> 新建(快捷键:"Ctrl+N"),会弹出如下提示框,选择Dialog without Buttons,点击创建。

2· 创建后,会产生一个dialog窗体,在左侧Wedget Box工具栏中,拖拽想要的控件到该窗体上,大概放个位置即可,具体调整后面会做。

3·控件初始化。

 设置各个控件属性,在designer右侧有属性编辑器,这里显示编辑当前选中对象的属性。想要编辑那个对象的属性,就用鼠标点击相应的控件对象,在编辑器里编辑即可。

个别属性有相对快捷的修改方式,如objectName,text,可以右键控件对象,选择相应的选项就可以在窗体上直接修改。右侧图片是右键控件选择改变文本后输入内容界面。

4·界面调整。初步设计,将label控件和lineEdit控件放在同一行,连个pushButton放在同一行,这两行控件上下排列。

将label和lineEdit放在同一行。鼠标点击lable对象,按住Ctrl(不是shift)再点击lineEdit对象,(快捷键: "Ctrl + 1")右键-》布局-》水平布局。

两个pushButton放在同一行的方法同上。

再将两个水平布局的layout控件放到一个垂直布局的layout对象。按住Ctrl键,鼠标点击选择两个layout对象,然后快捷键“Ctrl+2”。

这里有个小窍门,layout控件在窗体上不太好点,可以在右侧的对象查看器中点选对象。(再延伸一下,对象查看器中的树形结构显示了类对象间的父子兄弟关系

5·自动调整窗体大小。点击上方工具栏中的,调整大小按钮。这一部就是优化窗体大小,让整体看上去更美观一些。

   但是,我这里做了调整后,窗体编程最小化了。如右图。如果有知道原因的大虾,希望能指点一下,在这多谢了!

6· 生成工程代码。

工具栏,"窗体"->"查看代码",弹出的窗体显示生成的目标文件内容。点击窗体左上角保存按钮,将.h文件保存到指定目录下就可以了。

参考资料:

1·c-gui-programming-with-qt-4-2ndedition.pdf

2·QtAssistant

抱歉!评论已关闭.