03——驾校科目一考试系统——登录界面(1)

简介: 双击ui文件进入设计模式。想要把我们的登录窗口做成什么样的效果呢?理想效果图如下所示:用户需要一个账号和密码输入。最后还需要给用户两个按钮:一个登录按钮,一个取消按钮。

50a993adb97d476c8d63b994099bfcc5.png双击ui文件进入设计模式。

想要把我们的登录窗口做成什么样的效果呢?理想效果图如下所示:用户需要一个账号和密码输入。最后还需要给用户两个按钮:一个登录按钮,一个取消按钮。

bcb7cbfbac724de5b35eff4f6dade496.png

需求分析

本节先把界面实现好,分析需求:

两个标签:账号、密码。

两个输入框

两个按钮

添加标签

回到设计模式,将两个标签加上。可以使用鼠标移动两个label标签的位置,也可以使用键盘的上下左右键来调整位置。

851eaf05152e4d1bbdb969b7b615f3c7.png

改变标签的名字。双击标签。或者选中标签选择标签属性修改。

efee32bbce7b4570bde44843d1a1747f.png

2f108e046ab34ee99bc76cae82fcde72.png

添加输入框

5f26aed032ad40f2b64d9fd3be4b9893.png


添加按钮

可以鼠标调整或者通过属性进行调整。

a41c1b6f17fe422497bbbe2c478ecf77.png

运行项目——初始版本

问题:设计界面和生成大小不同的。

0654e15307f2464789d5b174909d9d5d.png

解决方案

在 main.cpp 中加入以下语句。注意:要加在 main()函数中最开始的位置,如下面的例子:

#if (QT_VERSION >= QT_VERSION_CHECK(5,9,0))
    QApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
#endif

e4614a6f62b74ce3a2c8100a30682890.png

运行,成功解决

5bc72a2d012e404d8682563aaf39f519.png

添加功能——补充背景图

做好准备,添加标签

可以通过再添加一个标签的方式来添加图片。拖一个label标签覆盖整个页面,因为是图片所以去掉文本。

50a993adb97d476c8d63b994099bfcc5.png


添加资源

先把资源准备好。我是将图片放到项目里面的。

379294a6be6749eb913661cffb892ce2.png添加图片到资源。从设计模式切换到编辑模式。右键单击项目,然后选择添加新文件

8cd673490d5a460ebc9934f74b70b0b6.png

选择 QT->Qt Resource File

bf69550c26234b858a6c059b664fe8d8.png

设置资源名字。我设置的是 img。下一步。

5dcb2be5d78f470d89c64d79f8a0a5f1.pngae19fb56da164c25b0fc2c2a3e954e07.png

bcd4badc9db74f86a38883d3f86faf6e.png


cb58716e6fef41b4a5c9256106bd1cb8.png

删除前缀其他的名字,只留下 / 即可。然后再点击添加按钮,单击添加文件。


200c090d1f0744708cdd5eb171b7be5b.png

此时会弹出一个文件框,让我们选择文件。此时我们选择准备好的资源文件即可。

3a8673f7631b46499f0e976d63634166.png此时图片文件资源成功加入进来了。注意:记得保存一下。

1ee9df97ea78430ba5341fbfe6ed989e.png

此时资源已经成功的加载进来了,此时回到设计模式。此时要给背景标签添加资源了。此时这个label是label_3。然后在属性编辑区找到QLabel这个类的属性。

用送鼠标单击有三个点的按钮。

caffb5803ef848a1b8c28781b948c120.png

选中要用的资源。ok

66b1c533764440ad83563b9370507632.png

03——驾校科目一考试系统——登录界面(2):https://developer.aliyun.com/article/1415874?spm=a2c6h.13148508.setting.16.16254f0exsfwiz

目录
相关文章
|
SQL 安全 JavaScript
基于JavaWeb的电影院在线选座订票管理系统
基于JavaWeb的电影院在线选座订票管理系统
617 0
基于JavaWeb的电影院在线选座订票管理系统
|
2月前
|
小程序 JavaScript Java
座位预约|座位预约小程序|基于微信小程序的图书馆自习室座位预约管理系统设计与实现(源码+数据库+文档)
座位预约|座位预约小程序|基于微信小程序的图书馆自习室座位预约管理系统设计与实现(源码+数据库+文档)
47 0
|
2月前
|
存储 文件存储 C语言
《C语言程序设计》课程设计 -- 火车票票务管理系统
《C语言程序设计》课程设计 -- 火车票票务管理系统
77 1
|
11月前
|
SQL 数据管理 Java
C#宿舍管理系统(C#课程设计含源码)
C#宿舍管理系统(C#课程设计含源码)
116 0
C#宿舍管理系统(C#课程设计含源码)
|
2月前
|
设计模式
03——驾校科目一考试系统——登录界面(2)
运行项目——成功添加背景图 缺点:背景图片盖住了登录界面。
77 2
|
2月前
|
设计模式 数据安全/隐私保护
|
2月前
11驾校科目一考试系统——发布项目
发布项目   当我们编写完项目之后就需要发布项目 。就需要发布项目了。一般发布项目的话我们会把所有需要的文件都放在一个文件夹里面,这样的话就更方便。有时候文件过多的话,有可能会有很多的子文件夹,我们先把功能工作目录设置一下,因为当前的工作目录是debug或者release,导致咱们在读取数据文件的时候需要相对路径的话还需要上一级目录去寻找。如下图所示。
22 1
|
2月前
07——驾校科目一考试系统——布局题库
如果需要题库的资料(exam.txt)可以留下邮箱,博主会发给大家的。 总代码
70 1
|
12月前
|
存储 Java 关系型数据库
JavaWeb期末项目 图书馆管理系统
JavaWeb期末项目 图书馆管理系统
135 1
|
2月前
|
设计模式 编译器 C语言

热门文章

最新文章