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

实现简单的用户登录页面,采用的控件包括WidgetLabelLine EditPush ButtonHorizontal Spacer 以及Vertical Spacer

一、分析

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

全都放入到Widget控件里面

二、Ui布局

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

首先放入一个Widget

LabelLine Edit拖入Widget

双击Label进行修改名称

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

效果会很明显

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

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

效果如下

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

设置为0的效果

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

点击QMainWindow,进行设置属性minimunSizemaximumSize 一致即可

设置QMainWindowwindowTitle

有间隙,设置sizePolicy

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

设置密码输入格式

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

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

最终效果展示

三、Qt中添加图片资源

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

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

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

相关推荐
钟离墨笺5 分钟前
Go语言--2go基础-->基本数据类型
开发语言·前端·后端·golang
小郭团队33 分钟前
1_7_五段式SVPWM (传统算法反正切+DPWM3)算法理论与 MATLAB 实现详解
开发语言·嵌入式硬件·算法·matlab·dsp开发
C+-C资深大佬1 小时前
C++风格的命名转换
开发语言·c++
No0d1es1 小时前
2025年粤港澳青少年信息学创新大赛 C++小学组复赛真题
开发语言·c++
点云SLAM1 小时前
C++内存泄漏检测之手动记录法(Manual Memory Tracking)
开发语言·c++·策略模式·内存泄漏检测·c++实战·new / delete
码上成长1 小时前
JavaScript 数组合并性能优化:扩展运算符 vs concat vs 循环 push
开发语言·javascript·ecmascript
打工的小王1 小时前
java并发编程(三)CAS
java·开发语言
油丶酸萝卜别吃1 小时前
Mapbox GL JS 表达式 (expression) 条件样式设置 完全指南
开发语言·javascript·ecmascript
尤老师FPGA2 小时前
使用ZYNQ芯片和LVGL框架实现用户高刷新UI设计系列教程(第四十五讲)
android·java·ui
爱吃大芒果2 小时前
Flutter for OpenHarmony前置知识:Dart 语法核心知识点总结(下)
开发语言·flutter·dart