QT之神第一步———设计科目一考试登入系统界面

前言

设计驾校科目一考试登入界面，就问作为老司机的你，上不上车！！！

一、登入界面

首先设计ui界面，由登入、取消按钮加账号密码的lable，以及lineEdit（编辑框）以及背景组成

二、主要实现步骤

1.背景的加载步骤

1、首先在ui设计师负责把背景图片设计出来，copy到我们的项目工程里面
然后在下图中右键添加新文件是关于qt resource file，是关于工程名的路径，会多出一个.qrc类型的文件

2、先点添加前缀，直接留下一个斜杆即可，再次点添加文件，即把相对应的工程文件的背景图片进行添加
3、直接在ui设计界面找到背景图片的lable 属性值pixmap进行载入图片

2.对于ui窗口细节的设计

分别对类似作用的按钮以及lineEdit的的长宽高，以及每个控件的起始点进行设计，直接对Value进行设计

3.使用代码来实现对窗口的控制

代码如下（示例）：

 ui->imgEdit->setScaledContents(true);//使图片自适imgEdit 图片和imgedit一样大小 this->resize(ui->imgEdit->width(),ui->imgEdit->height());//imgEdit与窗口大小一样this->setWindowTitle("驾校科目一考试登入");  //设置窗口名字this->setWindowFlags(Qt::Dialog|Qt::WindowCloseButtonHint);//设置关闭按钮

简单一句话就是让背景图片和lable和窗口无缝隙连接，以及显示窗口名字和设计关闭按钮。

总结

使用了背景图片以及四行代码就可以实现登入界面的设计，足以说明QT是多么强大。同时注意细节，而不是随随便便！