安卓学习笔记2.3 窗口跳转与传递数据

古城微笑少年丶 2024-05-07 17:05 58阅读 0赞

#### 文章目录 ####

*  一、学习目标
 *  二、新课学习
 *   *  （一）三个基本控件
     *   *  1、标签控件（TextView）
         *  2、编辑框控件（EditText）
         *  3、按钮控件（Button）
     *  （二）安卓事件处理机制
     *   *  1、安卓事件处理概述
         *  2、安卓事件处理步骤
     *  （三）案例演示：实现用户登录
     *   *  1、创建安卓应用
         *  2、准备背景图片
         *  3、基于模板创建登录窗口
         *  4、登录窗口布局资源文件
         *  5、主窗口布局资源文件
         *  6、安卓项目清单文件
         *  7、字符串资源文件
         *  8、登录窗口功能实现
         *   *  （1）声明控件变量
             *  （2）通过资源标识符获取控件实例
             *  （3）登录按钮事件处理
             *  （4）取消按钮事件处理
         *  9、启动应用，查看效果
         *   *  （1）输入用户名与密码正确的情况
             *  （2）输入用户名或密码错误的情况
     *  （四）利用意图启动组件
     *   *  1、使用显式意图启动组件
         *   *  方式一
             *  方式二
             *  方式三
         *  2、使用隐式意图启动组件
         *   *  （1）在Java代码创建隐式意图
         *  （2）在项目清单文件里设置意图过滤器
     *  （五）利用意图传递数据
     *   *  1、传递单项数据
         *  2、传递数据包
         *   *  （1）在起始组件通过意图携带数据包
             *  （2）在目标组件通过意图获取数据包
     *  （六）案例演示：修改用户登录程序
     *   *  1、修改登录窗口代码
         *  2、修改主窗口代码
         *  3、启动应用，查看效果
         *   *  （1）输入用户名与密码正确的情况
             *  （2）输入用户名或密码错误的情况
         *  4、修改登录窗口代码
         *  5、修改主窗口功能代码
         *  6、启动应用，测试效果

--------------------

## 一、学习目标 ##

1.  掌握事件处理
2.  理解意图Intent
3.  掌握窗口跳转与传递数据

## 二、新课学习 ##

*  安卓应用往往有多个Activity，如何从一个Activity跳转到另一个Activity呢？往往要进行事件处理，并且还会用到安卓里面一个十分重要的组件——Intent，可以把它看成连接安卓不同组件之间的桥梁。

### （一）三个基本控件 ###

#### 1、标签控件（TextView） ####

*  类层次继承图  
    ![在这里插入图片描述][e93082390cda40d79014cc40f887ffe0.png]

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>含义</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>text</td> 
   <td>文本内容</td> 
  </tr> 
  <tr> 
   <td>textSize</td> 
   <td>文本字号</td> 
  </tr> 
  <tr> 
   <td>textColor</td> 
   <td>文本颜色，单位：sp</td> 
  </tr> 
  <tr> 
   <td>layout_height</td> 
   <td>高度，单位：dp（wrap_content，match_parent）</td> 
  </tr> 
  <tr> 
   <td>layout_width</td> 
   <td>宽度，单位：dp（wrap_content ，match_parent）</td> 
  </tr> 
 </tbody> 
</table>

#### 2、编辑框控件（EditText） ####

*  类层次继承图  
    ![在这里插入图片描述][f810786c9a9b4a41b38347ba2886b3b0.png]
 *  常用属性

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>含义</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>text</td> 
   <td>文本内容</td> 
  </tr> 
  <tr> 
   <td>textSize</td> 
   <td>文本字号</td> 
  </tr> 
  <tr> 
   <td>textColor</td> 
   <td>文本颜色，#ff0000 - 红色</td> 
  </tr> 
  <tr> 
   <td>hint</td> 
   <td>提示信息</td> 
  </tr> 
  <tr> 
   <td>singleLine</td> 
   <td>单行（true or false）</td> 
  </tr> 
  <tr> 
   <td>layout_height</td> 
   <td>高度，单位：dp (wrap_content, match_parent)</td> 
  </tr> 
  <tr> 
   <td>layout_weight</td> 
   <td>宽度，单位：dp (wrap_content, match_parent)</td> 
  </tr> 
  <tr> 
   <td>inputType</td> 
   <td>输入类型（普通文本、密码、邮件……）</td> 
  </tr> 
 </tbody> 
</table>

#### 3、按钮控件（Button） ####

*  类层次继承图  
    ![在这里插入图片描述][5037202fa1714b7a8e1b5121339c469a.png]
 *  常用属性

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>含义</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>text</td> 
   <td>文本内容</td> 
  </tr> 
  <tr> 
   <td>textSize</td> 
   <td>文本字号</td> 
  </tr> 
  <tr> 
   <td>textColor</td> 
   <td>文本颜色，#ff0000 - 红色</td> 
  </tr> 
  <tr> 
   <td>background</td> 
   <td>背景颜色或背景图片</td> 
  </tr> 
  <tr> 
   <td>layout_height</td> 
   <td>高度，单位：dp (wrap_content, match_parent)</td> 
  </tr> 
  <tr> 
   <td>layout_weight</td> 
   <td>宽度，单位：dp (wrap_content, match_parent)</td> 
  </tr> 
 </tbody> 
</table>

![在这里插入图片描述][e59c3c182cdf4c3ab1a93406d0338960.png]

*  EditText与Button是兄弟关系，它们的爹是TextView

### （二）安卓事件处理机制 ###

#### 1、安卓事件处理概述 ####

*  不论是桌面应用还是手机应用程序，需要对用户的动作提供响应，这种为用户动作提供响应的机制就是事件处理。
 *  安卓提供了两种事件处理机制：基于回调的事件处理和基于监听的事件处理。
 *  基于监听的事件处理是一种“面向对象”的事件处理，涉及三种对象：事件源（EventSource）、事件（Event）、事件监听器（EventListener）。
 *  基于监听的事件处理流程图  
    ![在这里插入图片描述][d1da5b5ca127456792ad597d8600f666.png]

#### 2、安卓事件处理步骤 ####

*  以按钮单击事件处理为例说明安卓事件处理步骤

<table> 
 <thead> 
  <tr> 
   <th>序号</th> 
   <th>任务</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td>在界面类里声明按钮控件变量</td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td>通过findViewById()方法得到按钮实例</td> 
  </tr> 
  <tr> 
   <td>3</td> 
   <td>利用setOnClickListener()方法给按钮注册单击事件监听器</td> 
  </tr> 
  <tr> 
   <td>4</td> 
   <td>实现单击事件监听器接口，采用匿名实现方式</td> 
  </tr> 
  <tr> 
   <td>5</td> 
   <td>在接口的抽象方法里编写事件处理代码</td> 
  </tr> 
 </tbody> 
</table>

### （三）案例演示：实现用户登录 ###

#### 1、创建安卓应用 ####

*  基于`Empty Activity`模板创建安卓应用  
    ![在这里插入图片描述][516f27516dee4bda8425c903e96a2f95.png]
 *  配置项目信息  
    ![在这里插入图片描述][1b6adb1df1bd4f01b878ad92c78a90a9.png]
 *  单击【Finish】按钮  
    ![在这里插入图片描述][1c13d4fe8ab94626a793fdc724259e16.png]

#### 2、准备背景图片 ####

*  将背景图片`background.png`拷贝到`drawable`目录  
    ![在这里插入图片描述][477cada4484b42ca9f9e9b06283d9500.png]

#### 3、基于模板创建登录窗口 ####

*  基于Empty Activity模板创建LoginActivity，要生成对应的布局文件，并且要设置为启动Activity  
    ![在这里插入图片描述][72de4736b5ca4f969f681ce46086396e.png]
 *  单击【Finish】按钮  
    ![在这里插入图片描述][bbda7ce9e80b4b7882d984a1c212af44.png]

#### 4、登录窗口布局资源文件 ####

*  登录窗口布局资源文件 - `activity_login.xml`  
    ![在这里插入图片描述][2e0a2e93e07e4c04ba609ebf57fa0ee7.png]
 *  将约束布局改为线性布局，并设置相关属性  
    ![在这里插入图片描述][227cd72676fc421ea2e3de9b81cab426.png]
 *  添加用户登录标签  
    ![在这里插入图片描述][8b3b827757c34877a102e08698028312.png]
 *  添加输入用户名的标签和编辑框，但是需要一个水平方向的线性布局把它们框起来  
    ![在这里插入图片描述][5721268b318b43099ba761dccb11353b.png]
 *  添加输入密码的标签和编辑框，但是需要一个水平方向的线性布局把它们框起来  
    ![在这里插入图片描述][4714f17db89c4da59ff5a1e4605d2cf7.png]
 *  添加登录按钮和取消按钮，但是需要一个水平方向的线性布局把它们框起来  
    ![在这里插入图片描述][8d33265327fa4949ba1d1bb062c06ace.png]
 *  登录窗口布局资源文件完整代码

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/background"
        android:gravity="center"
        android:orientation="vertical"
        android:padding="15dp"
        tools:context=".LoginActivity">
    
        <TextView
            android:id="@+id/tv_user_login"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/user_login"
            android:textColor="#0000ff"
            android:textSize="25sp" />
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:orientation="horizontal">
    
            <TextView
                android:id="@+id/tv_username"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/username"
                android:textColor="#000000"
                android:textSize="20sp" />
    
            <EditText
                android:id="@+id/et_username"
                android:layout_width="match_parent"
                android:layout_height="56dp"
                android:hint="@string/input_username"
                android:singleLine="true" />
        </LinearLayout>
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:orientation="horizontal">
    
            <TextView
                android:id="@+id/tv_password"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/password"
    
                android:textColor="#000000"
                android:textSize="20sp" />
    
            <EditText
                android:id="@+id/et_password"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="@string/input_password"
                android:inputType="textPassword"
                android:singleLine="true" />
        </LinearLayout>
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:orientation="horizontal">
    
            <Button
                android:id="@+id/btn_login"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginRight="20dp"
                android:paddingLeft="20dp"
                android:paddingRight="20dp"
                android:text="@string/login"
                android:textSize="20sp" />
    
            <Button
                android:id="@+id/btn_cancel"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingLeft="20dp"
                android:paddingRight="20dp"
                android:text="@string/cancel"
                android:textSize="20sp" />
        </LinearLayout>
    
    </LinearLayout>

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>作用</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>gravity</td> 
   <td>用于设置容器的子控件的对齐方式，或控件的内容的对齐方式</td> 
  </tr> 
  <tr> 
   <td>orientation</td> 
   <td>线性布局的方向（horizontal——横向、vertical——纵向）</td> 
  </tr> 
  <tr> 
   <td>padding</td> 
   <td>内边距，用于设置子控件与父容器边框的距离，或控件的内容与控件边框的距离；（paddingLeft、paddingRight、paddingTop、paddingBottom）</td> 
  </tr> 
  <tr> 
   <td>layout_margin</td> 
   <td>外边距，用于设置控件之间的距离；（layout_marginLeft，layout_marginRight、layout_marginTop、layout_marginBottom）</td> 
  </tr> 
 </tbody> 
</table>

#### 5、主窗口布局资源文件 ####

*  主窗口布局资源文件 - `activity_main.xml`  
    ![在这里插入图片描述][25a4086114ea4dabb72ed51d7999c253.png]

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:gravity="center"
        tools:context=".MainActivity">
    
        <TextView
            android:id="@+id/tv_message"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Hello World!"
            android:textSize="25dp"
            android:textColor="#0000ff"
            />
    
    </LinearLayout>

#### 6、安卓项目清单文件 ####

*  安卓项目清单文件AndroidManifest.xml，删除MainAcivity元素包含的意图过滤器  
    ![在这里插入图片描述][2318158748c74770aa983aaba7b662ce.png]

#### 7、字符串资源文件 ####

*  在字符串资源文件strings.xml里定义所需字符串变量  
    ![在这里插入图片描述][bf7a947a46674d068e0ac0f7b2a22b2e.png]

<resources>
        <string name="app_name">系统登录</string>
        <string name="user_login">用户登录</string>
        <string name="username">用户：</string>
        <string name="input_username">请输入用户名</string>
        <string name="password">密码：</string>
        <string name="input_password">请输入密码</string>
        <string name="login">登录</string>
        <string name="cancel">取消</string>
    </resources>

#### 8、登录窗口功能实现 ####

*  登录窗口 - `LoginActivity`  
    ![在这里插入图片描述][dbb144ff36c74befae4d3ace264c6f99.png]

##### （1）声明控件变量 #####

*  两个编辑框变量和两个按钮变量  
    ![在这里插入图片描述][5c17ac43a9324ec7b31ac0c534ee3904.png]

##### （2）通过资源标识符获取控件实例 #####

*  通过`findViewById()`方法获取控件实例（类似于JavaScript里的`getElementById()`方法）  
    ![在这里插入图片描述][52cd08ad693c4340b3e7f593a9760b3d.png]

##### （3）登录按钮事件处理 #####

*  给登录按钮注册单击监听器，实现监听器接口，并且编写事件处理代码
 *  首先获取用户输入的用户名和密码，然后判断是否正确，弹出不同的吐司  
    ![在这里插入图片描述][229fb52b8a5249508a716e1f4577c219.png]

##### （4）取消按钮事件处理 #####

*  给取消按钮注册单击监听器，实现监听器接口，并且编写事件处理代码
 *  单击取消按钮，关闭登录窗口（另外还有一种处理方法，只是清空两个编辑框而不关闭窗口）  
    ![在这里插入图片描述][2f5e799345c74337953b19fb6335fbdf.png]
 *  完整的代码

package net.xqf.user_login;
    
    import androidx.appcompat.app.AppCompatActivity;
    
    import android.os.Bundle;
    import android.view.View;
    import android.widget.Button;
    import android.widget.EditText;
    import android.widget.Toast;
    
    public class LoginActivity extends AppCompatActivity {
        
    
        private EditText etUsername;
        private EditText etPassword;
        private Button btnLogin;
        private Button btnCancel;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
        
            super.onCreate(savedInstanceState);
            // 利用布局资源文件设置用户界面
            setContentView(R.layout.activity_login);
            // 通过资源标识符获取控件实例
            etUsername = findViewById(R.id.et_username);
            etPassword = findViewById(R.id.et_password);
            btnLogin = findViewById(R.id.btn_login);
            btnCancel = findViewById(R.id.btn_cancel);
            // 给登录按钮注册单击监听器，实现监听器接口，并且编写事件处理代码
            btnLogin.setOnClickListener(new View.OnClickListener() {
        
                @Override
                public void onClick(View view) {
        
                    // 获取两个编辑框的数据（trim()方法用于去除字符串前后空格）
                    String strUsername = etUsername.getText().toString().trim();
                    String strPassword = etPassword.getText().toString().trim();
                    // 判断用户名与密码是否正确（假定用户名是"howard"，密码是"903213"）
                    if (strUsername.equals("howard") && strPassword.equals("903213")) {
        
                        // 三个参数：参数1 - 上下文；参数2：吐司内容（字符串）；参数3：吐司持续时间
                        Toast.makeText(LoginActivity.this, "恭喜，用户名和密码正确！", Toast.LENGTH_SHORT).show();
                    } else {
        
                        Toast.makeText(LoginActivity.this, "遗憾，用户名或密码错误！", Toast.LENGTH_SHORT).show();
                    }
                }
            });
            // 给取消按钮注册单击监听器，实现监听器接口，并且编写事件处理代码
            btnCancel.setOnClickListener(new View.OnClickListener() {
        
                @Override
                public void onClick(View view) {
        
                    // 关闭当前窗口
                    finish();
                }
            });
        }
    }

#### 9、启动应用，查看效果 ####

*  思考：如果希望用户登录标签与下面的输入用户名编辑隔开一点，应该怎么设置标签的属性？  
    ![在这里插入图片描述][51bec7cac4454b2d917f67f74bef44ab.png]

##### （1）输入用户名与密码正确的情况 #####

*  用户名：xiao
 *  密码：123456  
    ![在这里插入图片描述][a228e96033f74909862f7fa290d4949f.png]

##### （2）输入用户名或密码错误的情况 #####

*  用户名：papsp
 *  密码：987654  
    ![在这里插入图片描述][1515c4f58dbe42778af7540019e1354d.png]
 *  可以指定两个编辑框的宽度，比如200dp  
    ![在这里插入图片描述][c312a70e6d9a40bc8acc3fc1aedb5320.png]  
    ![在这里插入图片描述][c7e71a1e493746e48a0f3d61d595dfd7.png]
 *  重启应用，查看效果  
    ![在这里插入图片描述][aaffced968884cfaa78eda3ad24b58e0.png]

### （四）利用意图启动组件 ###

#### 1、使用显式意图启动组件 ####

*  假设有两个窗口：FirstActivity和SecondActivity

##### 方式一 #####

Intent intent = new Intent(FirstActivity.this, SecondActivity.class);
    startActivity(intent);

##### 方式二 #####

Intent intent = new Intent();
    intent.setClass(FirstActivity.this, SecondActivity.class);
    startActivity(intent);

##### 方式三 #####

Intent intent = new Intent();
    ComponentName component = new ComponentName(FirstActivity.this, SecondActivity.class);
    intent.setComponent(component);
    startActivity(intent);

#### 2、使用隐式意图启动组件 ####

##### （1）在Java代码创建隐式意图 #####

Intent intent = new Intent();
    intent.setAction("net.hw.ACTION_NEXT");
    intent.addCategory(Intent.CATEGORY_DEFAULT);
    startActivity(intent);

#### （2）在项目清单文件里设置意图过滤器 ####

### （五）利用意图传递数据 ###

#### 1、传递单项数据 ####

*  在起始组件通过意图传递单项数据

// 通过意图传递单项数据
    intent.putExtra("username", strUsername);
    intent.putExtra("password", strPassword);

在目标组件通过意图获取单项数据

// 通过意图获取单项数据
    String username = intent.getStringExtra("username");
    String password = intent.getStringExtra("password");

#### 2、传递数据包 ####

##### （1）在起始组件通过意图携带数据包 #####

// 创建数据包，封装数据
    Bundle data = new Bundle();
    data.putString("username", strUsername);
    data.putString("password", strPassword);
    // 通过意图携带数据包
    intent.putExtras(data);

##### （2）在目标组件通过意图获取数据包 #####

// 获取意图携带的数据包
    Bundle data = intent.getExtras();
    // 从数据包里按键取值获取各项数据
    String username = data.getString("username");
    String password = data.getString("password");

### （六）案例演示：修改用户登录程序 ###

*  功能要求：当登录成功，跳转到主窗口，显示用户名与密码。  
    ![在这里插入图片描述][18bf4d0452644e8c95806f4ee020a07e.png]

#### 1、修改登录窗口代码 ####

*  创建显式意图，利用意图携带数据，按照意图启动目标组件

// 创建显式意图（参数1 - 包上下文；参数2 - 目标组件）                                                       
    Intent intent = new Intent(LoginActivity.this, MainActivity.class);                    
    // 通过意图携带数据                                                                            
    intent.putExtra("username", strUsername);                                              
    intent.putExtra("password", strPassword);                                              
    // 按照意图启动目标组件                                                                          
    startActivity(intent);

#### 2、修改主窗口代码 ####

*  接收登录窗口通过意图传递的数据并显示在标签里  
    ![在这里插入图片描述][5e54cb725946463e897f277cff0f7f9b.png]

package net.hw.user_login;
    
    import androidx.appcompat.app.AppCompatActivity;
    
    import android.content.Intent;
    import android.os.Bundle;
    import android.widget.TextView;
    
    public class MainActivity extends AppCompatActivity {
        
    
        private TextView tvMessage;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
        
            super.onCreate(savedInstanceState);
            // 利用布局资源文件设置用户界面
            setContentView(R.layout.activity_main);
            // 通过资源标识符获取控件实例
            tvMessage = findViewById(R.id.tv_message);
            // 获取意图
            Intent intent = getIntent();
            // 判断意图是否为空
            if (intent != null) {
        
                // 获取意图携带的数据
                String username = intent.getStringExtra("username");
                String password = intent.getStringExtra("password");
                // 拼接用户信息
                String message = "登录成功！\n用户：" + username + "\n密码：" + password;
                // 设置标签属性，显示用户信息
                tvMessage.setText(message);
            }
        }
    }

#### 3、启动应用，查看效果 ####

##### （1）输入用户名与密码正确的情况 #####

*  用户名：xiao
 *  密码：123456  
    ![在这里插入图片描述][7151a6228547435192c274decf58cb5c.png]
 *  单击【登录】按钮  
    ![在这里插入图片描述][36f322e483794985af742121863ece65.png]

##### （2）输入用户名或密码错误的情况 #####

*  用户名：hhh
 *  密码：987654  
    ![在这里插入图片描述][61bc514eea7a43bfa16388002a3f44da.png]

#### 4、修改登录窗口代码 ####

*  将多项数据封装成数据包，通过意图传递数据包  
    ![在这里插入图片描述][b917939fbbdd4937b18d2380c9b6f6e1.png]

#### 5、修改主窗口功能代码 ####

*  通过意图获取数据包，然后从数据包里按键取得各项数据  
    ![在这里插入图片描述][2fd10413dc8547f38dc58845f1df7edb.png]

#### 6、启动应用，测试效果 ####

*  登录操作录屏  
    ![在这里插入图片描述][ea22b17201504e53a8a59b11d0afed96.gif]

[e93082390cda40d79014cc40f887ffe0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/ef32c65dd9c9438e897fe372c54de6a9.png
[f810786c9a9b4a41b38347ba2886b3b0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/42ed3f0f03924aefae49e81e7f6cd2a7.png
[5037202fa1714b7a8e1b5121339c469a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/d35ea32335fb44b2aff2c0d7da5a3961.png
[e59c3c182cdf4c3ab1a93406d0338960.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/68fcc24694654f808819199ecd6283fa.png
[d1da5b5ca127456792ad597d8600f666.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/25e3ac8a2fca43b8ac12b688a725f22a.png
[516f27516dee4bda8425c903e96a2f95.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/fa146235d3434fe4962aa964147bc93b.png
[1b6adb1df1bd4f01b878ad92c78a90a9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/7c6165dd5b1e4ecb963a250853457aa2.png
[1c13d4fe8ab94626a793fdc724259e16.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/0194df13a91344169043532923dfc4ca.png
[477cada4484b42ca9f9e9b06283d9500.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/093c71908e7844159856cf767bab6c77.png
[72de4736b5ca4f969f681ce46086396e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/e0953e215ba8462ab8a6e4f6fd839108.png
[bbda7ce9e80b4b7882d984a1c212af44.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/9c0489d841b6438f98710f81e987609d.png
[2e0a2e93e07e4c04ba609ebf57fa0ee7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/5478d33ecce749118da6043e9daebe83.png
[227cd72676fc421ea2e3de9b81cab426.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/b15719d28aa24292ad4b796713269117.png
[8b3b827757c34877a102e08698028312.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/105ee889cb8648fdba89664e71319fed.png
[5721268b318b43099ba761dccb11353b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/0f7e24793e6d4240897e06baf63326d1.png
[4714f17db89c4da59ff5a1e4605d2cf7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/eff3376f978e4f008256695058d7b108.png
[8d33265327fa4949ba1d1bb062c06ace.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/8efc9a3b3d33479589d407a5673b5db6.png
[25a4086114ea4dabb72ed51d7999c253.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/fe10175b2d4d49c1aaf8360652f95222.png
[2318158748c74770aa983aaba7b662ce.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/145ebdf50b5749aab2b106051d0620fb.png
[bf7a947a46674d068e0ac0f7b2a22b2e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/cb9c0cef621447d3997a6e6352ec634f.png
[dbb144ff36c74befae4d3ace264c6f99.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/bc8a9aba8e534f2cbb5dc2008acaf7bc.png
[5c17ac43a9324ec7b31ac0c534ee3904.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/ffbc59adc3704d4aad05f34cca11495f.png
[52cd08ad693c4340b3e7f593a9760b3d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/97998c65b74d447f9ce0ab5a6990835e.png
[229fb52b8a5249508a716e1f4577c219.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/c5fd5f72fb40407cb70fd5c2271bb10a.png
[2f5e799345c74337953b19fb6335fbdf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/fd29246730554d86b21ff056c8a8fb5a.png
[51bec7cac4454b2d917f67f74bef44ab.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/6320f3fbd867402bba885b69763dbb4d.png
[a228e96033f74909862f7fa290d4949f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/e6d3163530564c14822b6f90249e6bc0.png
[1515c4f58dbe42778af7540019e1354d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/3b469daa45f4499cb1fb2e2c42ca4f0c.png
[c312a70e6d9a40bc8acc3fc1aedb5320.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/22dcf017acae4e61b72f8c1f646a735b.png
[c7e71a1e493746e48a0f3d61d595dfd7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/49ff4531436745798522b92c506d96ea.png
[aaffced968884cfaa78eda3ad24b58e0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/f9edf21f1fa241a5a514e2c667bb84af.png
[18bf4d0452644e8c95806f4ee020a07e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/d4b3c4be460b44af9de36cb7c46b7ea0.png
[5e54cb725946463e897f277cff0f7f9b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/77f1dd5c11d546ce85c46fe3fb113e88.png
[7151a6228547435192c274decf58cb5c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/f01b3b9efa4b42d983b23f3125f7f149.png
[36f322e483794985af742121863ece65.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/2e96b35f7f69420892e831bfc1f8cb63.png
[61bc514eea7a43bfa16388002a3f44da.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/257ceb879bd04c40952612b3896cc1a5.png
[b917939fbbdd4937b18d2380c9b6f6e1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/c767075b1b984e1c84c5575bf5338197.png
[2fd10413dc8547f38dc58845f1df7edb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/47bd5a200f254ad88c2d9d917abcd96c.png
[ea22b17201504e53a8a59b11d0afed96.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/133aba935c45454ea29339dabac6222d.gif