Qt6学习笔记六(界面布局)

简介: Qt6学习笔记六(界面布局)

一、界面布局

首先在ui界面,用label、Line Edit、PushButton设计成下图所示

image

1.水平对齐

放置一个widget,然后将用户名和用户名输入框拖到widget中

image

选中widget,点击上方的水平布局,即可将label和Line Edit对齐

image

同样的方式,将密码和密码输入框和水平对齐,将登录和退出也水平对齐

得到如下

image

2.垂直对齐

点击最外层的MainWindow

选择垂直对齐

image

这样有点丑

3.水平空格

可以使用Horizontal Spacer,添加空格,使得布局之间留有间隙。

image

如果想要中间的弹簧,长度固定,可以先选中弹簧,设置Fixed,然后设置宽长。

image

image

同样对,用户名和密码也这样布局

image

4.拆分布局

选中mainwindow

image

5.栅格布局

将4个控件放入widget中,这样就能以2行2列进行布局了,不再会出现一个Label Edit长,另一个短的现象了

image

选中widget点击栅格布局,可以发现非常整齐了。

image

6.其他调整

最后可以发现,登入\退出和输入用户名密码之间距离很大

image

选中,上半个widget,垂直策略选择fixed

image

这样子就会根据控件的大小,获得widget的高。

image

然后对登录、退出之间也进行同样的操作,垂直换成fixed

再在用户名和密码之间添加一个弹簧

image

再修改一下windowTitle,最后实现的效果如下图

image

最后要固定窗体的大小,不想让它拖拽,用代码是可以实现的。

在ui界面,可以设置最小宽高和最大宽高一样,就可以实现固定的效果。

image

7.密码框

这个样子,密码都是明文,是不行的

image

可以将密码Line Edit,echoMode修改成password

image

8.总结

image


相关文章
|
17天前
【Qt 学习笔记】按钮实现helloworld | 信号与槽概述
【Qt 学习笔记】按钮实现helloworld | 信号与槽概述
21 0
|
1月前
|
编解码 并行计算 Java
QT界面中实现视频帧显示的多种方法及应用(二)
QT界面中实现视频帧显示的多种方法及应用
84 0
|
1月前
|
数据可视化 API vr&ar
探索Qt 3D之旅:从基础到实战,打造引人入胜的三维界面与应用
探索Qt 3D之旅:从基础到实战,打造引人入胜的三维界面与应用
120 2
|
1月前
|
存储 测试技术 UED
Qt中实现界面回放的艺术:从理论到代码“ (“The Art of Implementing UI Playback in Qt: From Theory to Code
Qt中实现界面回放的艺术:从理论到代码“ (“The Art of Implementing UI Playback in Qt: From Theory to Code
66 1
|
11天前
|
数据可视化 开发工具 C++
Qt Creator 界面
Qt Creator 界面
|
11天前
|
Windows
解决windows下Qt Creator显示界面过大的问题
解决windows下Qt Creator显示界面过大的问题
|
17天前
|
开发框架 数据可视化 前端开发
【Qt 学习笔记】Qt控件概述
【Qt 学习笔记】Qt控件概述
21 0
|
1月前
|
机器学习/深度学习 人工智能 语音技术
QT界面中实现视频帧显示的多种方法及应用(三)
QT界面中实现视频帧显示的多种方法及应用
68 0
|
1月前
|
存储 编解码 监控
QT界面中实现视频帧显示的多种方法及应用(一)
QT界面中实现视频帧显示的多种方法及应用
126 0
|
1月前
|
编解码 开发者 UED
Qt布局实战:实现高效、美观的GUI应用程序
Qt布局实战:实现高效、美观的GUI应用程序
117 2

热门文章

最新文章

推荐镜像

更多