使用Eclipse和WindowBuilder Editor插件进行Java可视化编程

拼搏现实的明天。 2023-06-16 08:05 133阅读 0赞

### **使用****Eclipse****和****WindowBuilder Editor****插件进行****Java****可视化编程** ###

Eclipse是一种免费的可扩展的开放源代码的集成开发环境（IDE）。

这需要下载Eclipse IDE for Java Developers ，官网下载地址

[https://www.eclipse.org/downloads/packages/release][https_www.eclipse.org_downloads_packages_release]

可到网上搜索下载。根据操作系统的位数（bit）32位 或 64位选择相应位数（bit）的版本下载。

Eclipse属于绿色软件，安装程序不会往注册表写入信息。Eclipse安装程序是一个压缩包，在解压缩后的文件夹中找到eclipse.exe，双击它就可以启动运行eclipse。当然你可以创建桌面快捷方式图标，以后用此桌面快捷方式图标启动运行eclipse。

**第一部分、****下面先用Eclipse设计一个简单的GUI（****Graphical User Interface****）程序**

Java提供了三个主要包 做GUI开发：

java.awt 包，主要提供字体/布局管理器

javax.swing 包，主要提供各种组件(窗口/按钮/文本框)

java.awt.event 包，事件处理，后台功能的实现。

界面主要包括：

组件/控件，就是界面中的各种组成部分，比如：按钮、文本框、标签、表格…

容器，容器也是组件的一种，能容纳其它组件，比如：窗口、面板

布局管理器，组件在容器中的大小和位置由 布局管理器 控制。

常见的类/接口:

JFrame(窗口)、JPanel(面板)、JButton(按钮)、JTextField(文本框)、JLabel(标签)

常见的布局方式

FlowLayout(流布局)、BorderLayout(边框布局)、GridLayout(网格布局)

新建一个项目，使用文件菜单File -> New ->JavaProject：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70][]

输入项目名：testABC，单击“Finish”按钮。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 1][]

因为我们是建立一个简单的程序，所以单击“Don’t Create”按钮

创建的项目testABC，并立即出现在右侧导航栏中。

为项目建立新类，展开项目testABC，右击src 使用右键快捷菜单，New -> Class

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 2][]

输入类名：testG ，选中public static void main(String\[\] arge)，单击“Finish”按钮

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 3][]

将其中的代码改为：

package testABC;

import java.awt.FlowLayout;

import javax.swing.JButton;

import javax.swing.JFrame;

public class testG \{

public static void main(String\[\] args) \{

JFrame jf = new JFrame("流布局DEMO"); //建立一个窗口

FlowLayout fl = new FlowLayout();  //使用流布局

jf.setLayout(fl);//修改布局管理

JButton jb1 = new JButton("按钮1"); //创建一个按钮

jf.add(jb1); //把按钮jb1放入窗口

JButton jb2 = new JButton("按钮2");//创建一个按钮

jf.add(jb2);//把按钮jb2放入窗口

jf.setSize(600, 300); //设置窗口的大小

jf.setLocation(300,200);//设置窗口的初始位置

jf.setDefaultCloseOperation(JFrame.EXIT\_ON\_CLOSE);//关闭窗口

jf.setVisible(true); //显示窗口

如下图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 4][]

单击工具栏运行![20191125142652674.png][]按钮运行：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 5][]

**第二部分、利用****WindowBuilder Editor****插件****设计一个****GUI****程序****概叙**

从上面的例子可以看出，用java为程序编写图形界面，比较麻烦（简简单单的布局要写一堆代码），可以通过在Eclipse上安装插件WindowBuilder比较轻松实现图形界面可视化编程。

在Eclipse上安装插件WindowBuilder，可参考：

[https://blog.csdn.net/yerenyuan\_pku/article/details/82861589][https_blog.csdn.net_yerenyuan_pku_article_details_82861589]

先介绍在Eclipse中用WindowBuilder Editor插件设计一个GUI程序的过程

(一）、新建一个项目

使用文件菜单File-> New \->JavaProject

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 6][]

输入项目名：testA，单击Finish

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 7][]

因为我们是建立一个简单的程序，不使用Module，所以单击Don’t Create

至此testA项目建立。

（二）创建类

a)使用wizard向导创建类；b) 使用普通方法创建类

a)使用wizard向导创建类

文件菜单New -> Other或在在Java项目上单击右键，选择“New -> Other”快捷菜单，如下图所示

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 8][]

【特别说明，若找不到WindowBuilder Editor，需要添加。】

创建的类文件testClassA，并立即出现在右侧导航栏中，并将出现WindowBuilder设计视图窗口，在窗口的左下角（箭头标识处），有两个选项卡：Source和Design， Source选项卡显示文本代码，Design选项卡显示设计视图。参见下图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 9][]

单击Design选项卡，显示如下图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 10][]

双击WindowBuilder Editor顶部这个选项卡，可以在全屏显示和常规显示之间切换。

Palette面板用于定制GUI组件，Properties面板用于GUI组件属性。

现在可以具体设计用户界面了。

b)使用普通方法创建类

展开项目，右击src 使用右键快捷菜单，New -> Class

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 11][]

输入类名，将超级类（Superclass）改为javax.swing.JFrame  ，并选中public static void main(String\[\] args)，单击Finish按钮

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 12][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 13][]

【特别说明，若在“Open With >”下级菜单中 找不到WindowBuilder Editor，需要添加。】

将出现WindowBuilder设计视图窗口，在窗口的左下角（箭头标识处），有两个选项卡：Source和Design， Source选项卡显示文本代码，Design选项卡显示设计视图。

单击Design选项卡，

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 14][]

双击WindowBuilder Editor顶部这个选项卡，可以在全屏显示和常规显示之间切换。

Palette面板用于定制GUI组件，Properties面板用于GUI组件属性。

现在可以具体设计用户界面了。

使用a)使用wizard向导创建类；b) 使用普通方法创建类不完全相同，用后者在后续手工编码时多一些。

（三）具体设计用户界面设计

在WindowBuilder设计视图中设计界面，可以根据需求直接将需要的控件拖拽到面板上形成所需要的界面。

可以手动拖动控制那些控件的位置和大小，若不能手动拖动控制那些控件的位置和大小，是因为你的Layout没设置好【默认的布局方式为BorderLayout(默认铺开整个窗体)，不能手动拖动控制那些控件的位置和大小】，可以用groupLayout，点一下groupLayout， 然后再画布上点一下部件位置，拖到哪就放到哪。也可以使用absolute layout（绝对布局），让你可以随心所欲的安放控件。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 15][]

双击部件进入源码，如双击Jbutton部件，在指针所在位置编写按钮点击事件执行的代码。

为部件添加鼠标或键盘事件，右击它出现右键快捷菜单：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 16][]

有了上面的基础。就可以编写一个实际运行的例子啦。

**第三部分、简单实例**

新建一个项目：

使用文件菜单File -> New ->JavaProject

输入项目名：test，建立一个简单的程序，不使用Module，参见下图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 17][]

使用向导创建类

文件菜单New -> Other或在在Java项目上单击右键，选择“New -> Other”快捷菜单，如下图所示：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 18][]

新建之后，会发现多了许多默认的代码，

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 19][]

点击下方的 design，界面变成了这样子：：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 20][]

在Layout区域找到absolute layout（绝对布局）单击，让你可以随心所欲的安放控件

接下来添加一个Jlable、两个 JTextField、一个JButton：

点击Components下的JLabel，再点击窗体，添加一个标签，修改text属性为“请输入：”

点击Components下的JTextField，再点击窗体，添加一个文本框，Variable属性默认为txtName，可修改在此不改；再添加一个JTextField，记住 Variable属性默认为txtName\_1

点击Components下的JButton，再点击窗体，添加一个按钮，，修改text属性为“确定”；

参见下图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 21][]

给按钮添加事件监听事件，右击“确定”按钮

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 22][]

单击actionPerformed，会自动切换到代码区：

btnNewButton.addActionListener(new ActionListener() \{

public void actionPerformed(ActionEvent e) \{

textField\_1.setText("提示区："+textField.getText()); //我添加的

\});

现在运行之，看看最终效果，参见下图，单击![20191125142653784.png][]，出现运行界面，在请输入框中，输入内容（如 呵呵），再单击“确定”按钮，提示区中将显示你刚才输入的内容：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 23][]

至此，简单而完整的小例子完成。

关于更进一步了解，请参考

利用 Window Builder 快速搭建Java GUI 界面

[https://blog.csdn.net/qwe641259875/article/details/84836810][https_blog.csdn.net_qwe641259875_article_details_84836810]

[https_www.eclipse.org_downloads_packages_release]: https://www.eclipse.org/downloads/packages/release
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191125142652499.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20191125142649726.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20191125142652496.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20191125142652582.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20191125142652659.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[20191125142652674.png]: https://img-blog.csdnimg.cn/20191125142652674.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20191125142649929.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[https_blog.csdn.net_yerenyuan_pku_article_details_82861589]: https://blog.csdn.net/yerenyuan_pku/article/details/82861589
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20191125142652772.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20191125142652832.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 8]: https://img-blog.csdnimg.cn/20191125142652955.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 9]: https://img-blog.csdnimg.cn/2019112514265319.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 10]: https://img-blog.csdnimg.cn/20191125142649535.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 11]: https://img-blog.csdnimg.cn/20191125142650350.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 12]: https://img-blog.csdnimg.cn/20191125142653226.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 13]: https://img-blog.csdnimg.cn/20191125142653243.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 14]: https://img-blog.csdnimg.cn/20191125142653313.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 15]: https://img-blog.csdnimg.cn/20191125142653355.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 16]: https://img-blog.csdnimg.cn/20191125142653406.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 17]: https://img-blog.csdnimg.cn/20191125142653480.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 18]: https://img-blog.csdnimg.cn/20191125142649990.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 19]: https://img-blog.csdnimg.cn/20191125142653595.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 20]: https://img-blog.csdnimg.cn/20191125142653660.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 21]: https://img-blog.csdnimg.cn/20191125142653682.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 22]: https://img-blog.csdnimg.cn/20191125142653737.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[20191125142653784.png]: https://img-blog.csdnimg.cn/20191125142653784.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 23]: https://img-blog.csdnimg.cn/20191125142650335.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[https_blog.csdn.net_qwe641259875_article_details_84836810]: https://blog.csdn.net/qwe641259875/article/details/84836810