设计器介绍
Qt制作 UI 界面,一般可以通过UI制作工具QtDesigner和纯代码编写两种方式来实现。纯代码实现暂时在这里不阐述了在后续布局章节详细说明,QtDesigner已经继承到开发环境中,在工程中直接双击ui文件就可以直接在QtDesigner设计器中打开,这样就可以快速的设计应用程序界面,并且可以实现多种高级功能以及实时预览效果。
比如双击FirstQt工程中的firstqt.ui文件得到如下界面
1、设计器功能
在设计器界面看上大致可以划分为五个区域
窗口组件盒区域
区域把已经内置的组件模块划分了7类,Layouts布局,Spaces间隔, Buttons按钮,ItemView视图, ItemWidget窗口视图,Containers容器,InputWidget输入窗口,DisplayWidget显示窗口。
设计界面的可以这里找到需要的组件,直接拖到编辑预览区域,便可以看到实际效果
编辑预览区域
把对应的组件拖到这里后,可以自行调节大小,位置,以及其他的比如信号与槽,样式等
信号与槽编辑区域
这里主要针对Action组件可以设置触发槽函数,以及在信号与槽函数编辑模式下设置的信号与槽关联清单
对象列表区域
显示当前界面上包含的组件,以及组件的层次关系
对象属性编辑区域
显示当前被选中的组件的属性,也可以在这里调节属性,在预览区域可以直接显示效果
1.2设计器模式
设计器有四种模式:分别是窗口部件编辑模式,信号/槽编辑模式,伙伴编辑模式,Tab顺序编辑模式
1.2.1窗口编辑模式
在窗口编辑模式下,可以从窗口组件盒将部件对象拖动到窗体界面,然后编辑、缩放、拖动位置、甚至在窗体间拖拽。对象属性可以进行即所见即所得的交互式编辑。编辑界面简单且直观,但不失为强大的Qt布局工具。
窗口组件盒中的组件对象拖动到窗体界面预期的位置即可。只要组件对象在窗体中,即可通过鼠标拖动,如果要多个一样的组件,可以按住ctrl+鼠标点击组件拖动来复制多个
1.2.2 信号/槽编辑模式
在Qt Designer的信号和插槽模式下,可以使用Qt的信号和插槽机制将对象关联在一起。Qt Designer中可以通过非常直观的方式操作对象间的关联。保存窗体后所有关联均会保存到ui文件中,以保证在生成项目时可用这个在后面学习信号与槽函数再详细说明
1.2.3 伙伴编辑模式
可以进行伙伴关系设置,伙伴关系是指界面上一个Label和另外以组件相关联,比如下图就是把Label与按钮建立伙伴关系,点击下Label组件,按住鼠标左键然后拖向按钮,就建立了Label与按钮之间的伙伴关系。
伙伴关系使用,在Label文字上双击在文本最后面输入&1(这里的1也可以是其他字符数字),那么运行程序后按alt+1就会把光标移动到伙伴组件上(如果是按钮就相当点击了按钮)
1.2.4 Tab顺序编辑模式
Tab顺序,就是指在程序运行的时候,按下键盘上的Tab键可以在有输入焦点的组件上进行顺序切换,而这个Tab顺序就是切换组件的顺序