双击ui文件进入设计模式。
想要把我们的登录窗口做成什么样的效果呢?理想效果图如下所示:用户需要一个账号和密码输入。最后还需要给用户两个按钮:一个登录按钮,一个取消按钮。
需求分析
本节先把界面实现好,分析需求:
两个标签:账号、密码。
两个输入框
两个按钮
添加标签
回到设计模式,将两个标签加上。可以使用鼠标移动两个label标签的位置,也可以使用键盘的上下左右键来调整位置。
改变标签的名字。双击标签。或者选中标签选择标签属性修改。
添加输入框
添加按钮
可以鼠标调整或者通过属性进行调整。
运行项目——初始版本
问题:设计界面和生成大小不同的。
解决方案
在 main.cpp 中加入以下语句。注意:要加在 main()函数中最开始的位置,如下面的例子:
#if (QT_VERSION >= QT_VERSION_CHECK(5,9,0)) QApplication::setAttribute(Qt::AA_EnableHighDpiScaling); #endif
运行,成功解决
添加功能——补充背景图
做好准备,添加标签
可以通过再添加一个标签的方式来添加图片。拖一个label标签覆盖整个页面,因为是图片所以去掉文本。
添加资源
先把资源准备好。我是将图片放到项目里面的。
添加图片到资源。从设计模式切换到编辑模式。右键单击项目,然后选择添加新文件
选择 QT->Qt Resource File
设置资源名字。我设置的是 img。下一步。
删除前缀其他的名字,只留下 / 即可。然后再点击添加按钮,单击添加文件。
此时会弹出一个文件框,让我们选择文件。此时我们选择准备好的资源文件即可。
此时图片文件资源成功加入进来了。注意:记得保存一下。
此时资源已经成功的加载进来了,此时回到设计模式。此时要给背景标签添加资源了。此时这个label是label_3。然后在属性编辑区找到QLabel这个类的属性。
用送鼠标单击有三个点的按钮。
选中要用的资源。ok
03——驾校科目一考试系统——登录界面(2):https://developer.aliyun.com/article/1415874?spm=a2c6h.13148508.setting.16.16254f0exsfwiz