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

文章目录

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

一、界面的基本介绍

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

二、添加控件

2.1 添加控件

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

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

2.2 设置控件属性

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

三、布局器的使用

3.1 布局器介绍

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

3.2 简单布局

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

  1. 选择要布局的控件;
  2. 选择对应的布局器;
  3. 打破布局(重复前两个步骤,选择栅格布局)。
    在这里插入图片描述

3.3 复杂布局

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

  1. 将想布局的控件先摆放成想要布局的样子(如图中最开始,部分控件是跨行跨列的);
  2. 然后选择摆放好的控件;
  3. 再选择需要的布局器(下方有模块布局和全局布局)。
    布局个人理解:
    模块布局:选中部分控件布局,然后选择布局器。
    全局布局:点击控件绘制区域,直接选择布局器。
    在这里插入图片描述

3.4 带分裂器的布局

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

四、拓展

4.1 添加模块窗口

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

4.2 转到槽的使用

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

  1. 右击需要添加槽函数的控件;
  2. 在弹出的右键菜单中选择转到槽;
  3. 在弹出的对话框中选择需要响应的信号;
  4. 点击确定(系统会自动在头文件和源文件添加对应槽函数的声明和定义)。
    在这里插入图片描述

4.3 拓展

  1. 系统定义的槽函数的结构为:on_发出信号的控件名_发出的信号(参数);
  2. 从表面上我们没看到信号槽的连接,实际上在Qt生成的文件中包含其信号槽的连接(实际上与我们手动连接的方式不一样)。

总结

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

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/64927.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

重塑未来:AI对教育行业的深远影响与挑战

自从AI人工智能的发展进入“iPhone时刻”以来,我们已身处一个日新月异的时代。在众多领域,AI已经大放异彩,而教育作为培养下一代的关键领域,自然也受到了这场科技革命的影响。 AI对教育行业重大影响 最近可汗学院(Kh…

ChatGPT:重塑交流方式的重要性和影响|小智AI

ChatGPT丨小智ai丨chatgpt丨人工智能丨OpenAI丨聊天机器人丨AI语音助手丨GPT-3.5丨OpenAI ChatGPT|GPT-4|GPT-3|人机对话|ChatGPT应用|小智ai|小智ai|小智ai|小智ai|小智AI|chatgpt小智AI 导言: 人工智能技术的快速发展已经带来了许多令人惊叹的突破,其…

MLC Chat App上架苹果App Store可在本地运行语言模型;谷歌推出AI设计工具StyleDrop

🦉 AI新闻 🚀 开源项目MLC Chat App上架苹果App Store,可在本地运行语言模型 摘要:CMU助理陈天其教授表示,开源项目MLC LLM的独立聊天应用程序MLC Chat App已上架苹果App Store,允许将任何语言模型本地部…

苹果开发 笔记(94)

已经很久没写苹果开发相关的,真有点忘记了ios 是如何写。或许久了连一个界面都不知道如何写。 在我回忆里面其实并没有大规模上架应用或者面试过程用到,的确在接触ios和苹果这块,进程通信,线程处理,事件,网…

SEO技术风口来了|SEO能否抓住全球约93%的网络用户?

开篇词 作者/出品人 | 美洽 SEO 流量专家 白桦 为什么要做一个 SEO 专栏? 在一部分人眼中,SEO(搜索引擎优化)已经是老掉牙的玩意儿,在这个信息爆炸的年代,它似乎已经无法承担吸引流量的主要作用。 但&…

最新 Google支付 Google Play 结算库 4.0 版:从创建定价、商品到测试、支付成功等步骤

使用 Google Play 结算系统,分为线上gp后台配置和代码billing集成,以下都以应用内产品为例。我做的是小说,应用内购买的是书币。 后台配置:前提能科学上网 设定定价,就是商品的定价: 按图所示建立价格&am…

Android 接入Google应用订阅与应用内支付结算笔记

公司项目是在谷歌应用商店上线发布的,最近产品经理说要给项目加个订阅的功能,按月订阅免广告的形式,对于我来说也是第一次接入谷歌应用商店的订阅,支付功能,是照着谷歌的官方文档集成边测试才做出的,下面分…

Google play谷歌应用商店 APP上包上架的一些策略和技巧

1.服务端接口:服务器对应的IP、域名,只用在一个App内。尤其是做马甲包的,经常是一套服务器环境用遍所有包,基本就是团灭。所以合理的隔离服务端接口,一定会延长app的在线时间。 这里有小技巧:比如做一些便…

关于如何在Google Play Store 购买付费APP

今天要测试项目的应用内支付功能,发现不好测试,在大陆无法付费。 想办法搞一张美国的SIM卡 () 按这个 http://noirbright.com/?p=530 上面的教程,试了一下,模拟T_Mobile 运营商成功了! 电子市场里的应用可以正常下载。(有一个自己开发的APP,原来不能在国内下载的,…

集成Google应用内 支付 或者 订阅

要集成Google应用内支付 先要了解文档 集成文档: https://developer.android.google.cn/google/play/billing/integrate 1.创建Google应用 Google play 应用平台: https://play.google.com/console/u/0/developers/6529195851168790505/app-list 创建完应用后 进入应用详情 …

谷歌也搞收费?将在其Android App Store中开始

这是缓解谷歌在Android上的薪酬主导地位的重大举措。 Google 简化了 Play 商店中的第三方应用付款 谷歌周三表示,它将允许一些开发人员在其Android操作系统上运行的应用程序中提供第三方支付选项,这是这家搜索巨头多年来一直抵制的举动。 在给开发者的…

Qt窗口设置无边框不能移动,鼠标穿透后不能响应点击事件

思路实现 最近在做一个迷你小工具,准备干点不可描述的事情,想要短小强悍,始终在最顶层显示,同时不要自带的关闭按钮和边框,百度一下,发现是需要设置如下两个属性: setWindowFlags(Qt::WindowSt…

华为董事长:已攻克!

上一篇:阿里P8高级技术专家自述被裁员,疑似给市长写信,房贷月供3w,压力很大,出门面试找工作很难! 近日,华为传出大消息, 已攻克部分自主替代关键环节! 日前,华…

全网最详细中英文ChatGPT-GPT-4示例文档-智能多功能学习机从0到1快速入门——官网推荐的48种最佳应用场景(附python/node.js/curl命令源代码,小白也能学)

从0到1快速入门智能多功能学习机应用场景 Introduce 简介setting 设置Prompt 提示Sample response 回复样本API request 接口请求python接口请求示例node.js接口请求示例curl命令示例json格式示例 其它资料下载 ChatGPT是目前最先进的AI聊天机器人,它能够理解图片和…

小娜再见!微软8年语音助手被判死刑,Windows Copilot本月开始预览

丰色 发自 凹非寺量子位 | 公众号 QbitAI 在时代巨轮ChatGPT的碾压之下: 微软Windows系统已诞生八年的语音助手“小娜”要化作一缕尘埃了。 就在这两天,官方宣布: 到今年年底,Windows系统将不再支持Cortana程序(即“小…

阿里系-淘宝接口抓取及相关问题

阿里系-淘宝接口抓取 一、安装charlse抓包工具 官方下载地址 安装证书 二、安装xposed hook框架 Xponsed简介 具体安装步骤 三、安装模块 关闭阿里系ssl验证 开启http模式 支持支付宝、淘宝、淘宝直播各个接口抓取 四、效果如下 接下去一段时间更新阿里系相关接口 文章目录 一、…

Bito(GPT-4) 的下载、安装与使用

Bito AI使用说明 Bito是由Chat-GPT团队专IDE开发的AI编码插件,通过将GTP-4和ChatGPT引入IDE或者CLI来帮助开发人员高效、高质量的进行编码工作,可以显著提高编码速度和代码质量。我们使用OpenAI的模型,且你不需要有OpenAI的密钥。 官网地址&a…

【代码+方案+思考】Discord 运营及个性化方案

文章目录 前言一、Discord Bot1. 获取 Token2. 连接API测试3. Bot自动回复4. Bot音频播放5. Bot回复Button6. Bot 接入ChatGPT7. Bot 显示个人简介8. Bot 发送附件/Coin限制/内容信息板10. 特别笔记1) 同时使用client.event和client.command 前言 要做好海外产品需要更好个性化…

烟雾弹?突然转变?如何看待微软发声:中国是主要的对手

是的,我又回来了,今天要跟各位唠的还是ChatGPT的嗑。今天的新闻是啥呢? 《微软总裁:中国将是 ChatGPT 的主要对手,我们的优势不大》 说实话,我看到这个新闻的时候,大感震撼,在相关报…

GitHub/GitLab同天宣布裁员,最高比例10%!GitHub所有办公室不再续租

明敏 发自 凹非寺量子位 | 公众号 QbitAI 一天之内,原本是老对手的GitHub、GitLab,双双宣布裁员计划。 比例分别是10%和7%。 预计将有300人离开GitHub,100人告别GitLab。 裁员原因十分一致:调整预算。 GitHub还宣布,所…