四、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也可以修改图片的大小尺寸

相关推荐
大可不必了9 小时前
03 函数定义和调用
开发语言·python
I_belong_to_jesus9 小时前
C++关于分支预测的优化1
开发语言·c++·算法
承渊政道10 小时前
【Python编程—从入门到实践】(记分与闯关:用Python+Pygame,打造越战越精彩的太空大战!)
开发语言·python·pycharm·游戏程序·pygame
爱学习的程序媛10 小时前
Python常用框架梳理
开发语言·后端·python·ai·web·后端框架·python框架
eggwyw12 小时前
Anaconda安装卸载的详细流程指南
开发语言·python
another heaven16 小时前
【C/C++ Ranges 是零开销抽象吗?拆开管道、惰性求值和编译期膨胀】
c语言·开发语言·c++
SomeOtherTime17 小时前
Rust 闭包语法和原理(AI回答)
开发语言·后端·rust
apcipot_rain18 小时前
C++转Java日记(10)
java·开发语言
总要学点什么18 小时前
第105篇:三维特效-流动图片墙体效果——让箭头沿墙长滚,它俩竟是同一份代码
开发语言·javascript·ecmascript·gis·webgl·材质·cesium
xiaoye-duck19 小时前
《C++ 项目:手写大模型接入 SDK》会话模块整合:内存 SessionManager 与 DataManager 持久化联动
开发语言·数据库·c++·语言模型