QT界面美化与添加多个界面

一、在QT界面中添加图片

首先在工程中添加源文件

  1. 右键选择class1
  2. 选择Add new
    如下图:
    QT界面美化与添加多个界面_第1张图片
  3. 添加完成之后会出现源文件夹目录
  4. 然后右键选择.qrc文件,然后选择Open in Edit
    QT界面美化与添加多个界面_第2张图片
    5.再点击鼠标位置,创建目录,只留下“/”表示根目录
    QT界面美化与添加多个界面_第3张图片
  5. 然后点击添加文件,选择提前存好的图片,最好把图片提前放在工程文件夹
    QT界面美化与添加多个界面_第4张图片

二、界面布局->屏幕自适应

做出的软件界面,要适应窗口的大小,要随着串口的变化而变化。
当窗口缩小时,界面跟随着缩小,放大时,界面要适当放大。

自适应主要用到的控件就是:Spacers里面的两个弹簧

如下图:
QT界面美化与添加多个界面_第5张图片
对界面的布局还会用到几个主要的布局工具

  1. 水平布局
  2. 垂直布局
  3. 栅格化布局
  4. 打破布局
    QT界面美化与添加多个界面_第6张图片

主要把显示界面布局规划好,

最后进行上、下、左、右、四个边界放置弹簧

选择整个窗口,点击栅格化布局

QT界面美化与添加多个界面_第7张图片

三、界面切换

  1. 添加新的UI界面
  2. 右键点击UI文件夹-》Add new
    QT界面美化与添加多个界面_第8张图片
  3. 然后选择 设计师界面
    QT界面美化与添加多个界面_第9张图片
  4. 选择页面模板Widget
    QT界面美化与添加多个界面_第10张图片
    5.下面更改好文件名就可以了,创建好之后文件会自动添加到目录

创建完成界面之后,可以在别的地方去调用,一个UI界面实际上就是一个类

  1. 在一个源文件中,添加头文件(刚才保存到文件名.h)
  2. 创建一个类
  3. 然后就可以进行切换了
    实现代码如下:
#include "show01.h"
#include 
 QString userName = ui->userEdit->text();
    QString password = ui->passwordEdit->text();
    if(userName == "123456789" && password == "1234")
    {
        show01 *sho = new show01;//ui界面的类
        sho->setGeometry(this->geometry());
        this->close();//关闭当前界面
        sho->show();//打开新的界面
    }
    else//账号或密码错误提示
    {
        ui->tiShik->setStyleSheet("color:red;");//设置Label中文字颜色
        ui->tiShik->setText("账号或密码错误,请检查后重试!");
    }

你可能感兴趣的:(QT,qt,ui,开发语言)