【教程】手把手带你搭建Login登录界面~

不念不忘少年蓝@ 2023-10-08 18:24 55阅读 0赞

哈喽大家好 ! 我是小白

本篇将手把手带大家搭建一个登录界面

**【制作登录界面】**

首先我们需要打开Qt-Designer（没有安装的小伙伴请留步文末）,选择Widget，这里注意它和Main Window的区别在于：Main Window有工具栏菜单栏状态栏等，而Widget就适合做个简单的登录界面，如下图所示：

![d2acddcb05b9b4df1a6a9a420873e282.png][]

进入下图，我们可以设置标题为登录，然后插入一个小图标做logo，也可以给字体标题设置大小样式等。

![b7fcb397d1352a7110bc624cf66f9d2e.png][]

![a130cbc772ed43ff4bc359c03f48b8eb.png][]

![9f9f8eac68a7e606f9fbf43b99710671.png][]

接下来输入框都是用Line Edit，登录按钮是Push Button。设置登录界面大小固定，禁止随意缩放，将其最大窗口和最小窗口都设为长741，宽643。

![e14951a17668890c1cfca1c522be987f.png][]

密码设置为password形式，其密码设置为1234，点击登录按钮可以进入主界面。

![fb47ed09acdda4ddd22a679b7a58b823.png][]

![9ff168b9f8cd082eb3334dbad93acca2.png][]

好了今天的分享就到这里，下一期会为大家更新登录界面与主界面Mainwindow的连接！

--------------------

**【本期资源】**

登录界面源码获取方式：

https://pan.baidu.com/s/1VteC0jBxyGuH0F1aZgb0xQ

提取码：0223

图标资源包：

https://pan.baidu.com/s/1IzGcEMMSJtGdsOpsESMOSw

提取码：0223

整理不易，记得点赞+收藏+关注哦！

公主号:小白云端科技

[d2acddcb05b9b4df1a6a9a420873e282.png]: https://img-blog.csdnimg.cn/img_convert/d2acddcb05b9b4df1a6a9a420873e282.png
[b7fcb397d1352a7110bc624cf66f9d2e.png]: https://img-blog.csdnimg.cn/img_convert/b7fcb397d1352a7110bc624cf66f9d2e.png
[a130cbc772ed43ff4bc359c03f48b8eb.png]: https://img-blog.csdnimg.cn/img_convert/a130cbc772ed43ff4bc359c03f48b8eb.png
[9f9f8eac68a7e606f9fbf43b99710671.png]: https://img-blog.csdnimg.cn/img_convert/9f9f8eac68a7e606f9fbf43b99710671.png
[e14951a17668890c1cfca1c522be987f.png]: https://img-blog.csdnimg.cn/img_convert/e14951a17668890c1cfca1c522be987f.png
[fb47ed09acdda4ddd22a679b7a58b823.png]: https://img-blog.csdnimg.cn/img_convert/fb47ed09acdda4ddd22a679b7a58b823.png
[9ff168b9f8cd082eb3334dbad93acca2.png]: https://img-blog.csdnimg.cn/img_convert/9ff168b9f8cd082eb3334dbad93acca2.png