Qt图形界面编程入门（基本窗口及控件）

小咪咪 2022-11-17 10:24 362阅读 0赞

# 基本窗口类QWidget #

QWidget是所有窗体部件的基类，例如对话框类，主窗体类，以及其他诸如按钮，编辑框，标签等等都是由QWidget派生得到，QWidget拥有的方法往往都可以在其他子类中使用。

窗体的几何尺寸分为包含边框和标题、不包含边框和标题两种。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70][]

以下是常用函数

（1）包括窗框（即整个窗口）的函数。

x()，y()，pos()：获取左上角坐标

frameGeometry()：获取窗体尺寸（返回一个矩形QRect）

move()：移动窗体到某个位置。

（2）不包括窗体（即客户区域）（返回一个矩形QRect）

width()，heigh()：获取客户区宽度、高度

setGeometry()：设置窗体在屏幕中的位置。

## 窗体几何尺寸的设置和获取 ##

首先我们建立一个基于QWidget的无UI设计界面的Qt Widgets Application应用。

在main.cpp头部文件添加

#include<QDebug>

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 1][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 2][] ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 3][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 4][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 5][] 然后，修改主函数main.cpp文件如下

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 6][]

#include "widget.h"
    #include <QApplication>
    #include<QDebug>
    int main(int argc, char *argv[])
    {
        QApplication a(argc, argv);
        Widget w;
        w.show();
        w.setGeometry(50,50,200,200);
        qDebug() << w.x() << " " << w.y();
        qDebug() << w.geometry().width() << " " << w.frameGeometry().width();
        qDebug() << w.geometry().height() << " " << w.frameGeometry().height();
        return a.exec();
    }

保存后运行

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 7][]

运行上面的程序会显示一个窗口，如图

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 8][]

它的客户区左上角距离屏幕左上角边界均为50，客户区的长和宽均为200

这里的（41,12）是窗体框架左上角的坐标，它在客户区的左上角（50,50）的左上方。而显示器左上角是原点。

setGeometry函数设置客户区在屏幕上的位置及其宽度、高度。

## 窗口标题及大小控制 ##

首先建立一个基于QWidget的有UI设计界面的Qt Widgets Application应用。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 9][]

然后修改Widget.cpp文件的构造函数如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 10][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 11][]

# 窗口控件类概览 #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 12][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 13][]

# 标签 #

标签（QLabel）一般用于显示简单的文本。例如：

QLabel *label = new QLabel(this);
    label->setGemoetry(10,10,150,80);
    label->setText("Label");
    //设置文本对齐方式，多个参数用 | 分隔
    label->setAlignment(Qt::AlignHCenter|Qt::AlignVCenter);

标签文本对齐方式定义如下：

AlignTop：将文本添加到QLabel对象的上部

AlignButton：将文本添加到QLabel对象的下部

AlignLeft：沿着QLabel对象的左边添加文本

AlignRight：沿着QLabel对象的右边添加文本

AlignHCenter：将文本添加到QLabel对象水平中心的位置

AlignVCenter：将文本添加到QLabel对象的垂直中心位置

## 用标签显示位图 ##

第一步，建立一个基类位QWidget的应用

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 14][]

添加需要展示的图片

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 15][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 16][]

第二步，修改main函数如下

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 17][]

#include "widget.h"
    #include <QApplication>
    #include <QLabel>
    #include <QImage>
    int main(int argc, char *argv[])
    {
        QApplication a(argc, argv);
        Widget w;
        QLabel *pTag = new QLabel(&w);
        //路径不同，图片属性不同，请自行修改路径和属性
        //QImage image("e:/img.png");
        pTag->setPixmap(QPixmap::fromImage(image));
        pTag->setGeometry(0,0,image.width(),image.height());
        w.show();
        return a.exec();

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 18][]

这个例子用QImage对象载入E盘根目录下的png文件，再利用QPixmap::formImage静态函数将png格式转换为xpm格式，然后用setPixmap函数设置标签位图。

# 按钮 #

对于普通按钮而言，可设置图标，文字，显示状态等。

## 按钮的使用 ##

第一步，建立一个基类为QDialog的应用，在创建过程中取消UI界面设计文件。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 19][]

第二步，修改dialog.h文件如下

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 20][]

第三步，打开“新建”菜单，选择Qt ->“Qt资源文件”，在工程项目中添加资源文件，可任意命名

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 21][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 22][]

第四步，在工程目录中添加文件夹rc，然后将两个图标文件放入其中(在线制作ico图标[ http://www.bitbug.net/ ][http_www.bitbug.net_])

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 23][]

第五步，在button.qrc项目上右击，在弹出的菜单选择“添加现有文件”，将rc目录下的图标分别添加到工程项目中。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 24][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 25][]

第六步，修改dialog.cpp文件的Dialog类构造函数：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 26][]

resize(150,150);  //设置主窗体大小
        pushButton1 = new QPushButton(this);  // 新建按钮
        QIcon icon1(":/rc/bitbug_favicon.ico");  // 定义图标对象
        pushButton1->setIcon(icon1);  //  设置按钮图标
        pushButton1->setGeometry(20,20,70,40);
        pushButton2 = new QPushButton(this);
        QIcon icon2(":bitbug_favicon(1).ico");
        pushButton2->setIcon(icon2);
        pushButton2->setFlat(true); //  将按钮设置为平面显示
        pushButton2->setText("Open");  //  设置按钮的文本信息
        pushButton2->setGeometry(20,70,70,40);

点击运行后

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 27][]

# 单选按钮、复选框 #

单选按钮用于在众多选项中选择一项，复选框用于在众多选项中同时选择多项

## 单选按钮，复选框的使用 ##

第一步，建立一个基于QWidget类的有UI设计界面的应用程序。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 28][]

第二步，在UI设计器中放入两个复选框，两个标签，两个单选按钮

在本例中，修改单选按钮和复选框的objectName和text属性如下：

两个单选按钮的objectName改为RadioBtn1，RadioBtn2

两个单选按钮的文本test改为男，女

两个复选框的objectName改为CheckBox1，CheckBox2

两个复选框的文本test改为教师，学生

两个标签的objectName改为label，label\_2

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 29][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 30][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 31][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 32][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 33][]

void Widget::on_RadioBtn1_clicked()
    {   // "男"单选按钮为选中状态
        ui->RadioBtn1->setChecked(true);
        //label标签显示相应的内容
        ui->label->setText("你选中了男生");
    }
    
    void Widget::on_RadioBtn2_clicked()
    {
        // "女"单选按钮为选中状态
        ui->RadioBtn2->setChecked(true);
        //label标签显示相应的内容
        ui->label->setText("你选中了女生");
    }
    
    void Widget::displayCheckBox()
    {
        QString str; //定义字符串
        //使用条件语句判断
        if(ui->CheckBox1->isChecked() && ui->CheckBox2->isChecked())
        {
            str = "你选中了教师！\n你选中了学生！";
        }else if(ui->CheckBox1->isChecked()){
            str +="你选中了教师！" ;
        }else if(ui->CheckBox2->isChecked()){
            str +="你选中了学生！";
        }
        //将str显示到label_2标签
        ui->label_2->setText(str);
    }
    
    void Widget::on_CheckBox1_clicked()
    {//调用自定义公有成员函数
        this->displayCheckBox();
    }
    
    void Widget::on_CheckBox2_clicked()
    {
        this->displayCheckBox();
    }

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 34][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 35][]

先告一段落。下一篇实现一下组合框的使用

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70]: /images/20221022/60410fed16b94aa09f49923d75bb872a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 1]: /images/20221022/34e41969df9b43a3a3d9e21f606f9f98.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20210409112140533.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 3]: /images/20221022/e0ce01c8640645ea9610c437cf8a52b0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 4]: /images/20221022/9173dc13408e4ce085ab5fa1b59341f2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 5]: /images/20221022/a179b768c34d44d4aed502241c91957a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 6]: /images/20221022/bbd7fab3e7ac4e09974fc843e310002c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 7]: /images/20221022/90930f3b51814f21ba3aa6c90b5a5b5f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 8]: /images/20221022/14ae865164f34b74a47520750c8426b4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 9]: /images/20221022/b1280774e4f342faa9bef7479ea6452e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 10]: /images/20221022/8cec68d4edd74e499c38bc5020e83521.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 11]: /images/20221022/abb6ffc66832478aa0d660af3f5516a5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 12]: https://img-blog.csdnimg.cn/20210409114208475.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 13]: /images/20221022/4021ca5864ac45e882a01267401035ea.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 14]: /images/20221022/805419405b18401389aa3f2f20ae3ae8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 15]: /images/20221022/3af8981d3ca045cf96633b183ba684cd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 16]: /images/20221022/9cd40cfd8f5f48dd97bb87037f8a9f62.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 17]: /images/20221022/337ab19d84c14b23b60df1609da0e14c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 18]: /images/20221022/56c642eaa71b46749b9293e71801697d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 19]: /images/20221022/2389cd01c298493ea4ce42b19b02d726.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 20]: /images/20221022/93a82b5a7bd943eda9f0217b0721754d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 21]: /images/20221022/ee26f19a8c184230a39272f8e873e530.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 22]: /images/20221022/5c525b2c82b74b6e8014e27eb695ab3e.png
[http_www.bitbug.net_]: http://www.bitbug.net/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 23]: /images/20221022/ca0b4552723b4ba0996c98c825824026.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 24]: /images/20221022/3d2028762815466497434c38b6cb52b9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 25]: /images/20221022/c839401fcba24d31892a3df97e4312f6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 26]: /images/20221022/3a71d3396b594420ae5bdf04b368bb02.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 27]: /images/20221022/505cbbde1cfd429babe1ce72a6528200.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 28]: /images/20221022/3a84107e6a4c47cd9189cc3d328384a1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 29]: /images/20221022/58226a69da9d47fca83b26b5570ec8f7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 30]: /images/20221022/d6096a09bdbc46bcb5ca09a0fbc43017.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 31]: /images/20221022/13cb031377044a40b894241620424be3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 32]: /images/20221022/c9a47e6416294dfa8c11fd3e402e1b62.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 33]: /images/20221022/a8ccbc398fc24ee69ccc7fda965fcd30.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 34]: https://img-blog.csdnimg.cn/20210409165827808.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyNjQ2OA_size_16_color_FFFFFF_t_70 35]: /images/20221022/27336325a38049449ba93e611493fc1f.png