四、Qt自定义UI界面(细节的使用)

实现简单的用户登录页面,采用的控件包括Widget 、Label 、Line Edit 、Push Button 、Horizontal Spacer 以及Vertical Spacer

一、分析

登录页面由两行构成,用户名和密码,其中用户名和密码使用Label控件 ,输入的内容使用Line Edit控件

全都放入到Widget控件里面

二、Ui布局

像这种菜单栏、状态栏之类的都可以进行移除

首先放入一个Widget

把Label和Line Edit拖入Widget内

双击Label进行修改名称

选中Widget ,选择栅格布局(类似表格几行几列那种)

效果会很明显

同理放入一个Widget,再Widget中放进去两个Push Button,修改名称为登录和退出

通过选中Widget控件,选择水平布局(一行,高一样)

效果如下

有间隔9,可以进行设置layoutLeftMargin、layoutTopMargin、layoutRightMargin和layoutBottomMargin为0即可

设置为0的效果

设置最大和最小窗口大小来限制窗口不可以拉伸

点击QMainWindow,进行设置属性minimunSize 和maximumSize 一致即可

设置QMainWindow 的windowTitle

有间隙,设置sizePolicy

设置为固定Fixed,也就是Widget和里面控件之间的宽高距离设置

设置密码输入格式

最后根据弹簧进行相应的调试宽高信息

弹簧可根据sizeTpye 设置为Fixed固定格式进行修改固定的宽高

最终效果展示

三、Qt中添加图片资源

选择资源文件夹,把里面的资源全都复制选择进去

把资源文件添加进来,记得要Build重新生成一下哈!

例如给一个登录Button添加一个icon文件,就可以选择刚才添加的资源即可,下面的iconSize也可以修改图片的大小尺寸

相关推荐
Cc.Y1 天前
Java零基础入门:字符串深度掌握——从基础API到StringBuilder性能优化
java·开发语言·性能优化
java资料站1 天前
十一、评估测试
开发语言·人工智能·python
左手の明天1 天前
SLIP 协议封装与解析详解:原理、C 代码与实战案例
linux·c语言·开发语言·c++
海上小飞龙1 天前
【KMP算法-下篇】同一道题:Java 库函数 2600 微秒,手写 KMP 16 微秒
java·开发语言·算法
朝朝辞暮i1 天前
C++ 第 12 课:局部变量、作用域、变量生命周期
开发语言·c++·算法
狗凯之家源码网1 天前
淘客口令落地页生成器 PHP 版深度评测
开发语言·php
画绛集美术1 天前
本地化部署LLM用于美术史问答:一间美术教室的实践记录
开发语言·php
八解毒剂1 天前
【计组】中央处理器CPU
java·开发语言·计算机组成原理
FakeOccupational1 天前
【电路笔记 信号】DBPSK 波形查找表+脉冲成形(升余弦+根升余弦滤波)
开发语言·笔记
打工仔折腾 AI1 天前
工业场景下时序库与实时计算一体化架构选型实践对比
java·开发语言·后端·python·性能优化·架构·ai agent 实战