qt开发系列4 界面优化

任务1：给界面添加图片

step1：添加图片资源。

首先我们右击总项目名称，点击add new ，选择qt，选择qt 资源文件，之后随便去个英文名。

之后：

再之后：先点击add prefix ，将前 zhua  改成根目录，然后crtcl s保存，之后add files 添加图片。

 

 step 2：引用图片

我们ui文件中随意拉Qlabel或者Qpushbotton等等，然后点击他们，选择改变样式，之后选择：

 图标下载推荐：1.阿里巴巴矢量库

                           2.www.easyicon.net

任务二：界面布局（不影响代码）

当界面缩放时，部件依旧正常显示，或者说为了适应不同大小的显示屏。

布局一般分为三种：

水平布局  垂直布局  栅格布局  一般是最后栅格布局以下，记得要加弹簧。

 任务三：界面切换

step1: 创建一个新的界面

首先点击工程名，点击add new，选择。

 

之后开始绘制新的界面，我们需要将界面大小设置成和主界面一样大。

我们将创建的新的界面叫做login_ui. 

step2: 将部件的信号与login_ui界面相连。

我们在mainwindow.cpp中写下：

void MainWindow::on_login_clicked()
{
    //qDebug("wowowow");
    login_ui*login = new login_ui;
    login->setGeometry(this->geometry());   //设置页面大小
    login->show();
}

接下来我们需要再设置一个返回按钮；我们采用自动关联的方式

，之后再槽函数里添加：this -> close();

最后，我们添加一个账号，密码验证的功能，