Qt设计师的简单使用(ui设计界面的简单使用)

2年前其他教程38840
Qt设计师的简单使用(ui设计界面的简单使用) lw只吃亿点. 已于2022-08-11 23:00:24修改 3626 收藏 48 分类专栏: Qt使用小技巧 文章标签: qt ui 开发语言 于2022-05-07 23:45:04首次发布 Qt使用小技巧 专栏收录该内容 2 篇文章 1 订阅 订阅专栏

文章目录 一、界面的基本介绍二、添加控件2.1 添加控件2.2 设置控件属性 三、布局器的使用3.1 布局器介绍3.2 简单布局 3.3 复杂布局3.4 带分裂器的布局 四、拓展4.1 添加模块窗口4.2 转到槽的使用4.3 拓展 总结

一、界面的基本介绍

下方为Qt设计师界面基本内容(因为我的博客多多少少都有点界面,有些刚刚接触Qt的小伙伴对Qt设计师的使用不熟悉,在此我只简单介绍,足够创建我博客中的界面即可)。

二、添加控件 2.1 添加控件

下方为添加控件的操作图,其步骤如下:

通过筛选框输入对应控件,然后将寻找到的控件拖到控件绘制区;在对应的模块(比如图中在按钮模块中找到按钮)中将需要的控件拖入控件绘制区。 提示:控件列表中的控件只能拖入绘制区,没有双击添加等操作。 在使用时寻找到对应的控件,拖动并添加即可。 2.2 设置控件属性

特定控件有特定的控件名和其他属性设置,如需改名、设置大小、提示文本等可在右侧的控件属性编辑器设置(选择需要设置属性的控件即可在属性编辑器设置属性)。

三、布局器的使用 3.1 布局器介绍

既然添加了控件,那么控件杂乱无章当然是不行的,这就涉及到了布局器的使用。 布局器分为:垂直布局器、水平布局器、栅格布局器、在窗体布局中布局、使用分裂器垂直布局、使用分裂器水平布局。我个人最常用的是垂直布局器、水平布局器、栅格布局器。 其布局结果和其图标显示的大差不差。

3.2 简单布局

下方为简单布局,其步骤如下:

选择要布局的控件;选择对应的布局器;打破布局(重复前两个步骤,选择栅格布局)。 3.3 复杂布局

下方为复杂布局时的操作,其操作步骤如下:

将想布局的控件先摆放成想要布局的样子(如图中最开始,部分控件是跨行跨列的);然后选择摆放好的控件;再选择需要的布局器(下方有模块布局和全局布局)。 布局个人理解: 模块布局:选中部分控件布局,然后选择布局器。 全局布局:点击控件绘制区域,直接选择布局器。 3.4 带分裂器的布局

下图为使用分裂器水平布局的示例;在图中可以看到鼠标移到控件与控件之间时是可以水平拖动的,这就是使用分裂器水平布局的效果,同理使用分裂器垂直布局则是能垂直拖动。

四、拓展 4.1 添加模块窗口

当Qt设计师没有对应操作模块的时候右击空白处,选择要显示的模块即可,示例图如下:

4.2 转到槽的使用

在我的博客中也包含许多转到槽操作,担心有些小伙伴不知道,就也列出来了,下方为示例图,其步骤如下:

右击需要添加槽函数的控件;在弹出的右键菜单中选择转到槽;在弹出的对话框中选择需要响应的信号;点击确定(系统会自动在头文件和源文件添加对应槽函数的声明和定义)。 4.3 拓展 系统定义的槽函数的结构为:on_发出信号的控件名_发出的信号(参数);从表面上我们没看到信号槽的连接,实际上在Qt生成的文件中包含其信号槽的连接(实际上与我们手动连接的方式不一样)。 总结

Qt设计师是Qt一个很方便的工具,能快速的对界面的创建。用代码创建界面和用Qt设计师创建界面各有各的好处,Qt设计师设计的界面动态性没有代码方便;但是代码创建界面有稍微有些繁琐不好掌握,容易建成意想不到的样子(Qt设计师:静态设计界面, 代码:动态设计界面)。另外Qt设计师的控件属性编辑器对控件属性的设置范围还是很广的,有很多地方,你用代码设置的控件属性,在这里能设置哦。

友情提示——哪里看不懂可私哦,让我们一起互相进步吧 (创作不易,请留下一个免费的赞叭 谢谢 ^o^/)

注:文章为作者编程过程中所遇到的问题和总结,内容仅供参考,若有错误欢迎指出。 注:如有侵权,请联系作者删除

相关文章

springboot整合elasticsearch

springboot整合elasticsearch...

Rclone的介绍和使用

Rclone的介绍和使用...

C语言《认识结构体》---重点解析内存对齐

C语言《认识结构体》---重点解析内存对齐...

【云原生丨Kubernetes系列19】深入学习RBAC - 基于⻆⾊的访问控制

【云原生丨Kubernetes系列19】深入学习RBAC - 基于⻆⾊的访问控制...

【云原生丨K8s系列20】 RBAC 的配置⽅法演示(上):创建⼀个只能访问某个 namespace 的⽤户

【云原生丨K8s系列20】 RBAC 的配置⽅法演示(上):创建⼀个只能访问某个 namespace 的⽤户...

『 云原生·Docker』Docker容器相关操作(二)

『 云原生·Docker』Docker容器相关操作(二)...