Linux 学习记录46(QT篇)

Linux 学习记录46(QT篇)

在这里插入图片描述

一、建立QT项目工程

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

二、Assistant帮助文档的使用

在这里插入图片描述

  1. qt中的类名就是头文件的名字
  2. 有些类需要在.pro文件中引入对应的类库后,才能引入头文件,进而对类的使用
  3. qt中的类,大部分都是多级继承关系
    QLineEdit --> QWidget --> QObject and QPaintDevice
    QPushButton --> QAbstractButton --> QWidget --> QObject and QPaintDevice
    QLabel --> QFrame --> QWidget --> QObject and QPaintDevice

三、自动生成的文件介绍

在这里插入图片描述

1. tempprj.pro

.pro是一个工程管理文件,依据这个文件来生成makefile文件来编译源文件

#添加相关的类库,例如进程线程库、网络编程库、数据库等待
QT  += core gui #默认提供两个类库: core包含了核心库,io相关操作等 gui库提供了图形化相关的类库

#如果qt版本超过4.0,就会多加一个widgets类库,大部分组件全部来自于该库
greaterThan(QT_MAJOR_VERSION, 4): QT += widgets

TARGET = tempprj
TEMPLATE = app

# The following define makes your compiler emit warnings if you use
# any feature of Qt which has been marked as deprecated (the exact warnings
# depend on your compiler). Please consult the documentation of the
# deprecated API in order to know how to port your code away from it.
DEFINES += QT_DEPRECATED_WARNINGS

# You can also make your code fail to compile if you use deprecated APIs.
# In order to do so, uncomment the following line.
# You can also select to disable deprecated APIs only up to a certain version of Qt.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0

#该版本支持C++11以后的C++语法
CONFIG += c++11

#管理源文件
SOURCES += \
        main.cpp \
        mainwindow.cpp

#管理头文件
HEADERS += \
        mainwindow.h

#管理ui文件
FORMS += \
        mainwindow.ui

# Default rules for deployment.
qnx: target.path = /tmp/$${TARGET}/bin
else: unix:!android: target.path = /opt/$${TARGET}/bin
!isEmpty(target.path): INSTALLS += target

2. mainwindow.h

#ifndef MAINWINDOW_H//防止文件重复包含
#define MAINWINDOW_H

#include <QMainWindow>//由于类中使用的QMainwindow,所以引入的头文件

//该命名空间是在ui文件对应的头文件中定义的,只是在此处进行声明
namespace Ui {
class MainWindow;
}

//自定义的类,界面类,该类继承了QMainwindow
class MainWindow : public QMainWindow
{
    Q_OBJECT//信号与槽的元对象

public:
    explicit MainWindow(QWidget *parent = nullptr);//构造函数的声明 指定该组件的父组件的
    ~MainWindow();//析构函数的声明

private:
	//ui界面类中的Mywnd实例化出来的对象指针,可以使用该指针,在后期找到ui界面上拖拽出来的组件
    Ui::MainWindow *ui;
};

#endif // MAINWINDOW_H

3. mainwindow.cpp

#include "mainwindow.h"//自定义头文件的引入
#include "ui_mainwindow.h"//ui界面对应头文件的引入

//构造函数的定义
MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
//初始化列表,在类的初始化列表中必须显性调用父类的有参构造完成对继承下来成员的初始化工作

    ui(new Ui::MainWindow)//给自己的指针成员实例化空间
{
    ui->setupUi(this);//给ui界面上的组件申请空间,并初始化到ui界面上
}

//析构函数的定义
MainWindow::~MainWindow()
{
    delete ui;//释放ui指针空间
}

4. main.cpp

#include "mainwindow.h"//引用自定义头文件
#include <QApplication>//引用应用程序头文件

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);//使用应用程序实例化了一个对象a
    MainWindow w;//使用自定义的类实例化一个对象
    w.show();//将界面展示

    return a.exec();//阻塞等待对面上的操作,不然程序结束
    //可以等待:用户操作组件,信号发送,相关的事件触发
}

5. mainwindow.ui

图形化界面操作
在这里插入图片描述

四、常用类的介绍

接下来的程序编写基本上都在以下界面下
在这里插入图片描述

1. 信息调试类

需要导入 #include <QDebug> #include <QIcon>

(1. qDebug

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    qDebug("hello word\r\n");
    qDebug("%s","hello word\r\n");

}

输出>>
在这里插入图片描述

(2. 输出当前界面尺寸

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    qDebug()<<this->size();//当前界面尺寸
    qDebug()<<this->frameSize();//组件实际大小不包括边框
    qDebug()<<this->rect().size();//当前界面所占用矩形框的尺寸

}

输出>>
在这里插入图片描述

(3. 设置当前界面尺寸

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    //重新设置当前界面尺寸
    this->resize(800,600);
    //使用重载函数重新设置当前界面尺寸,参数是一个匿名对象
    this->resize(QSize(400,300));

    qDebug()<<this->size();//当前界面尺寸
}

输出>>
在这里插入图片描述

(4. 设置当前窗口界面

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    //设置最大尺寸
    this->setMaximumSize(400,300);
    //设置最小尺寸
    this->setMinimumSize(300,200);
    //设置固定尺寸
//    this->setFixedSize(128,64);
    //重新设置当前界面尺寸
    this->resize(800,600);
    //设置窗口类型为纯净窗口
//    this->setWindowFlag(Qt::FramelessWindowHint);
    //设置窗口标题
    this->setWindowTitle("proj");//当前界面尺寸
    //设置窗口图标
    this->setWindowIcon(QIcon("C:\\Users\\Hao\\Desktop\\buf\\link.jpg"));//设置窗口图标
    //使用样式表更改颜色
    this->setStyleSheet("background-color:grey");
    //设置串口透明度
    this->setWindowOpacity(0.5);
    //窗口位置
    this->move(30,500);
    //获取窗口标题
    qDebug()<<this->windowTitle();//当前界面尺寸
    qDebug()<<this->size();//当前界面尺寸
}

输出>>
在这里插入图片描述

2. 按钮类(QLabel)

需要添加头文件 #include <qpushbutton.h>

//1、使用按钮的构造函数,构造一个按钮
    QPushButton *btn1 = new QPushButton;         //使用的是无参构造
    //设置父组件为自己的界面
    btn1->setParent(this);            //将当前界面设置成父组件
    //设置 按钮上的文本内容
    btn1->setText("按钮1");
    //重新设置尺寸
    btn1->resize(100,40);
    //调用移动函数
    btn1->move(200,0);
    //调用函数设置图标
    btn1->setIcon(QIcon("C:\\Users\\鹏程万里\\Desktop\\icon\\peizhenshi.png"));
    //设置样式表
    btn1->setStyleSheet("background-color:red;   border-radius:5px; color:#fff");


    //2、调用按钮的构造函数,构造时顺便指定父组件
    QPushButton *btn2 = new QPushButton(this);
    btn2->setText("按钮2");
    btn2->resize(btn1->size());
    btn2->move(200, 60);
    //设置按钮的可用状态
    btn2->setEnabled(false);
    btn2->setIcon(QIcon("C:/Users/鹏程万里/Desktop/icon/denglu.png"));


    //3、调用按钮构造函数,在构造按钮的同时顺便加上文本内容以及父组件
    QPushButton *btn3 = new QPushButton("按钮3", this);
    btn3->move(0,60);


    //4、调用按钮构造函数,在构造按钮的同时,顺便给定图标、文本内容、以及父组件
    QPushButton *btn4 = new QPushButton(QIcon("C:/Users/鹏程万里/Desktop/icon/denglumima.png"), "按钮4", this);
    btn4->resize(btn1->size());
    //输出按钮上的文本内容
    qDebug()<<btn4->text();

3. 标签类(QLabel)

需要添加头文件

//1、调用构造函数构造一个标签,并指定父组件
    QLabel *lab1 = new QLabel(this);
    //给标签设置样式表
    lab1->setStyleSheet("background-color:pink;");
    //设置大小
    lab1->resize(50,30);
    //设置标签上的文本信息
    lab1->setText("账户:");
    //获取标签上的文本内容
    qDebug()<<lab1->text();
    //移动组件
    lab1->move(0,100);


    //2、调用标签的构造函数,构造时顺便给定文本内容以及父组件
    QLabel *lab2 = new QLabel("密码:", this);
    lab2->resize(lab1->size());
    lab2->move(0,140);
    //更改标签中的内容
    lab2->setPixmap(QPixmap("C:/Users/鹏程万里/Desktop/icon/yanjing.png"));
    //设置内容为自适应
    lab2->setScaledContents(true);

4. 行编辑器(QLineEdit)

//1、调用行编辑器的构造函数
    QLineEdit *edit1 = new QLineEdit(this);
    //重新设置大小
    edit1->resize(120, 30);
    //移动
    edit1->move(50, 100);
    // 设置样式表
    edit1->setStyleSheet("border:none;");
    //设置占位文本
    edit1->setPlaceholderText("QQ号/微信/邮箱");


    //2、调用行编辑器的构造函数,构造时给定初始文本
    QLineEdit *edit2 = new QLineEdit("密码", this);
    edit2->resize(edit1->size());
    edit2->move(50,140);
    //获取 文本框内容
    qDebug()<<edit2->text();      //重要
    //将文本内容设置密文模式
    edit2->setEchoMode(QLineEdit::Password);

思维导图

在这里插入图片描述

练习

1. 自定义登录页面

#include "mainwindow.h"

#include "public.h"

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
{
    QFont UPfont;
    /************窗口设置*************/
    //设置固定尺寸
    this->setFixedSize(600,360);
    this->setWindowTitle("Qt window");//当前界面尺寸
    //设置窗口图标
    this->setWindowIcon(QIcon("C:\\Users\\Hao\\Desktop\\buf\\Qt_w.png"));//设置窗口图标
    this->setStyleSheet("background-color:#F5F5F5");

    /************标签设置*************/
    QLabel *theme1 = new QLabel(this);//主题
    theme1->resize(600,180);
    theme1->setPixmap(QPixmap("C:\\Users\\Hao\\Desktop\\buf\\Qt.jpg"));

//    QLabel *theme2 = new QLabel(this);//Pass word
//    theme2->resize(600,180);
    theme2->setPixmap(QPixmap("C:\\Users\\Hao\\Desktop\\buf\\green.png"));
//    theme2->move(0,180);
    lab4->setScaledContents(true);

    QLabel *lab2 = new QLabel(this);//UID
    lab2->resize(40,30);
    lab2->move(210,200);
    lab2->setPixmap(QPixmap("C:\\Users\\Hao\\Desktop\\buf\\IDcard.png"));
    lab2->setScaledContents(true);

    QLabel *lab3 = new QLabel(this);//Pass word
    lab3->resize(30,30);
    lab3->move(215,240);
    lab3->setPixmap(QPixmap("C:\\Users\\Hao\\Desktop\\buf\\OnePassword.png"));
    lab3->setScaledContents(true);

    /************按键设置*************/
    UPfont.setPointSize(15);
    UPfont.setFamily("宋体");
    QPushButton *log_on = new QPushButton(QIcon("C:\\Users\\Hao\\Desktop\\buf\\登录.png"),"登录", this);
    QPushButton *cancel = new QPushButton(QIcon("C:\\Users\\Hao\\Desktop\\buf\\取消.png"),"取消", this);

    log_on->resize(80,40);
    log_on->move(200,280);
    log_on->setStyleSheet("border:none;border-radius:10px;background-color:#87CEFA;color:#fff");

    cancel->resize(80,40);
    cancel->move(320,280);
    cancel->setStyleSheet("border:none;border-radius:10px;background-color:#87CEFA;color:#fff");

    /**********行编辑器设置*************/
    UPfont.setPointSize(12);
    UPfont.setFamily("宋体");

    QLineEdit *psrd = new QLineEdit(this);
    //重新设置大小
    psrd->resize(130,30);
    //移动
    psrd->move(260,240);
    // 设置样式表
    psrd->setStyleSheet("border:none;border-radius:10px;background-color:#696969;color:#fff");
    //设置占位文本
    psrd->setPlaceholderText("Pass word");
    psrd->setEchoMode(QLineEdit::Password);
    psrd->setFont(UPfont);


    QLineEdit *UID = new QLineEdit(this);
    //重新设置大小
    UID->resize(130,30);
    //移动
    UID->move(260,200);
    // 设置样式表
    UID->setStyleSheet("border:none;border-radius:10px;background-color:#696969;color:#fff");
    //设置占位文本
    UID->setPlaceholderText("UID");
    UID->setFont(UPfont);

}

MainWindow::~MainWindow()
{

}

效果>>
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值