安卓学习笔记3.1 线性布局

朱雀 2024-05-07 17:05 8阅读 0赞

#### 这里写自定义目录标题 ####

*  一、导入新课
 *  二、新课学习
 *   *  （一）界面与布局
     *   *  1、界面
         *  2、布局
         *   *  （1）视图层次结构图
             *  （2）UI容器 (Container)
             *  （3）UI控件 (Control)
             *  （4）两种方式声明布局
     *  （二）线性布局
     *   *  1、继承关系图
         *  2、常用属性
     *  （三）案例演示：线性布局属性
     *   *  1、创建安卓应用
         *  2、主布局资源文件
         *  3、字符串资源文件
         *  4、启动应用，查看效果
         *  5、设置布局属性，查看效果
         *   *  （1）设置线性布局方向
             *  （2）设置线性布局内边距
             *  （3）设置线性布局对齐方式
             *  （4）设置线性布局背景
     *  （四）案例演示：线性布局嵌套
     *   *  1、创建安卓应用
         *  2、准备图片素材
         *  3、主布局资源文件
         *  4、字符串资源文件
         *  5、启动应用，查看效果
         *  6、修改布局，查看效果
 *  三、上机操作
 *   *  任务一、选择水果
     *   *  1、编写主布局资源文件
         *  2、编写主窗口文件并给图片添加吐司
         *  3、运行程序查看效果

## 一、导入新课 ##

*  安卓应用包含界面与功能两个方面，一个好的安卓应用，应该给用户提供良好的体验，其中界面设计至关重要，要设计界面，那就要求开发者熟练使用布局来摆放窗口里的不同组件。

## 二、新课学习 ##

### （一）界面与布局 ###

#### 1、界面 ####

*  应用界面包含用户可查看并与之交互的所有内容。安卓提供丰富多样的预置 UI 组件，例如结构化布局对象和 UI 控件，您可以利用这些组件为您的应用构建图形界面。安卓还提供其他界面模块，用于构建特殊界面，例如对话框、通知和菜单。

#### 2、布局 ####

*  布局可定义应用中的界面结构（例如 Activity 的界面结构）。布局中的所有元素均使用 View 和 ViewGroup 对象的层次结构进行构建。View 通常绘制用户可查看并进行交互的内容。然而，ViewGroup 是不可见容器，用于定义 View 和其他 ViewGroup 对象的布局结构。

##### （1）视图层次结构图 #####

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

##### （2）UI容器 (Container) #####

*  UI容器指ViewGroup，也是View的子类，而ViewGroup有几个布局子类：LinearLayout、RelativeLayout、AbsoluteLayout、TableLayout、GridLayout，ConstraintLayout。  
    ![在这里插入图片描述][9c4d7f93f3f747a89e0ee6c5fab73290.png]

##### （3）UI控件 (Control) #####

*  UI控件指Widget（微件），不能再包含其它元素的控件，例如标签（TextView）、文本框（EditText）、按钮（Button）、 活动栏（Action Bar）、对话框（Dialogs）、状态栏（Status）、通知（Notifications）。

##### （4）两种方式声明布局 #####

*  在 XML 中声明界面元素：Android 提供对应 View 类及其子类的简明 XML 词汇，如用于微件和布局的词汇。也可使用 Android Studio 的 Layout Editor，并采用拖放界面来构建 XML 布局。
 *  在运行时实例化布局元素：应用可通过编程创建 View 对象和 ViewGroup 对象（并操纵其属性）。  
    ![在这里插入图片描述][9530d476a654436489dcb8fad383323f.png]

package net.xqf.directui;
    
    import androidx.appcompat.app.AppCompatActivity;
    
    import android.app.ActionBar;
    import android.os.Bundle;
    import android.view.Gravity;
    import android.view.View;
    import android.widget.Button;
    import android.widget.LinearLayout;
    import android.widget.Toast;
    
    public class MainActivity extends AppCompatActivity {
        
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
        
            super.onCreate(savedInstanceState);
            // 创建线性布局
            LinearLayout layout = new LinearLayout(this);
            // 设置布局参数（布局宽度和高度）
            layout.setLayoutParams(new LinearLayout.LayoutParams(
                    LinearLayout.LayoutParams.MATCH_PARENT,
                    LinearLayout.LayoutParams.MATCH_PARENT));
            // 设置布局对齐方式 - 居中对齐
            layout.setGravity(Gravity.CENTER);
            // 设置布局背景图片
            layout.setBackground(getResources().getDrawable(R.drawable.background));
            // 创建按钮对象
            Button btnWelcome = new Button(this);
            // 设置按钮文本
            btnWelcome.setText("欢迎");
            // 添加按钮到布局里
            layout.addView(btnWelcome);
            // 设置内容视图，将布局作为用户界面
            setContentView(layout);
            // 给【欢迎】按钮注册单击监听器，实现监听器接口，编写事件处理方法
            btnWelcome.setOnClickListener(new View.OnClickListener() {
        
                @Override
                public void onClick(View view) {
        
                    Toast.makeText(MainActivity.this, "欢迎访问泸州职业技术学院", Toast.LENGTH_LONG).show();
                }
            });
        }
    }

*  借助 Android 框架，您可以灵活选择使用两种或其中一种方法来构建应用界面。例如，您可以在 XML 中声明应用的默认布局，然后在运行时修改布局。

### （二）线性布局 ###

*  线性布局(LinearLayout)是一种比较常用且简单的布局方式。在这种布局中，所有的子元素都是按照垂直或水平的顺序排列在界面上。如果是垂直排列，每个子元素占一行，如果是水平排列，则每个子元素占一列。线性布局可以支持布局样式嵌套实现复杂的布局样式。

#### 1、继承关系图 ####

*  LinearLayout是ViewGroup的子类，注意：后面我们要学习的单选按钮组（RadioGroup）是线性布局的子类  
    ![在这里插入图片描述][69fc9a57cc4e4eeda933e981b28b8054.png]

#### 2、常用属性 ####

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>含义</th> 
  </tr> 
 </thead> 
 <tbody> 
  <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>orietation</td> 
   <td>方向（vertical，horizontal）</td> 
  </tr> 
  <tr> 
   <td>gravity</td> 
   <td>对齐方式（left, right, center, top, bottom…)</td> 
  </tr> 
  <tr> 
   <td>background</td> 
   <td>背景（颜色[color]、图片[drawable]、选择器[selector]）</td> 
  </tr> 
  <tr> 
   <td>weight</td> 
   <td>比重（用于瓜分手机屏幕）</td> 
  </tr> 
  <tr> 
   <td>padding</td> 
   <td>内边距 (paddingLeft, paddingRight, paddingTop, paddingBottom)</td> 
  </tr> 
  <tr> 
   <td>margin</td> 
   <td>外边距 (marginLeft, marginRight, marginTop, marginBottom)</td> 
  </tr> 
 </tbody> 
</table>

### （三）案例演示：线性布局属性 ###

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

*  基于`Empty Activity`模板创建安卓应用 - `LinearLayoutDemo`  
    ![在这里插入图片描述][61265479d0494281b77ad4e032387978.png]
 *  单击【Finish】按钮  
    ![在这里插入图片描述][4f6c836097ca4f6893b7b8b62f0c7543.png]

#### 2、主布局资源文件 ####

*  主布局资源文件 activity\_main.xml  
    ![在这里插入图片描述][29695417ea064388864f5c7e60b0e0f3.png]
 *  将约束布局改为线性布局，删掉默认的标签  
    ![在这里插入图片描述][a19c872a07e94a49a017997e155706cf.png]
 *  添加两个按钮  
    ![在这里插入图片描述][6dcbc880de924e8ea035f3b4fbacbec7.png]

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

*  字符串资源文件 - strings.xml  
    ![在这里插入图片描述][52abd63ea60c4b6f81f6bc86e97cac24.png]

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

*  发现两个按钮水平摆放，在窗口左上角  
    ![在这里插入图片描述][62861906e2204a869172b32b2be1f6ef.png]

#### 5、设置布局属性，查看效果 ####

##### （1）设置线性布局方向 #####

*  `orientation`属性  
    ![在这里插入图片描述][a0ab971c68124cb5bb27c8db71560ccc.png]

##### （2）设置线性布局内边距 #####

*  `padding (paddingTop, paddingBottom, paddingLeft, paddingRight)`  
    ![在这里插入图片描述][671ea4dacb444a9280c00ebb97028550.png]

##### （3）设置线性布局对齐方式 #####

*  `gravity` (left、center、right、top、bottom可以搭配形成很多种对齐方式)
 *  设置右上对齐 - `right|top`  
    ![在这里插入图片描述][a990f3509cfa440c854b23200a712091.png]
 *  删掉【按钮1】的右外边距  
    ![在这里插入图片描述][96e6a288bc8b422caee300285c457fc8.png]
 *  设置居中对齐 - `center`  
    ![在这里插入图片描述][3be9f61bf7e5454aa6889b10bc12fc31.png]
 *  设置左下对齐 - `left|bottom`  
    ![在这里插入图片描述][60fb7f203e264898a2fec501697e1032.png]
 *  设置右下对齐 - `right|bottom`  
    ![在这里插入图片描述][f3a9b2c9c0454228bc9a79438580494a.png]
 *  设置上中对齐 - `center|top`  
    ![在这里插入图片描述][e1a190bcc9bd4ffe97e70040840eb12b.png]
 *  其余几种情况：左中对齐、右中对齐和下中对齐

##### （4）设置线性布局背景 #####

*  设置背景颜色（采用颜色变量）  
    ![在这里插入图片描述][12cf0802ac554515959092efa2a54a90.png]
 *  设置背景颜色（采用颜色常量）  
    ![在这里插入图片描述][dd37b18dc22e4a10ba50bc78bd463e0b.png]
 *  问题：想设置自己喜欢的颜色，怎么定义颜色常量？  
    [https://m.wang1314.com/doc/webapp/topic/21084865.html][https_m.wang1314.com_doc_webapp_topic_21084865.html]  
    ![在这里插入图片描述][22f21ca3e8b64bee9bbefed6d91ba302.png]
 *  设置背景图片  
    ![在这里插入图片描述][eb9f6a85ea5944e78fec3925a0717086.png]
 *  设置背景选择器
 *  添加一个线性布局，设置自定义边框  
    ![在这里插入图片描述][0feb39cb42b641fb91e6cde238695c8d.png]
 *  实现边框渐变色效果  
    ![在这里插入图片描述][36010ea208f9428dbba173174b561083.png]

### （四）案例演示：线性布局嵌套 ###

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

*  基于`Empty Activity`创建安卓应用 -`NestedLinearLayout`  
    ![在这里插入图片描述][e230dc93bcc741ffa48e4e539533a5e2.png]
 *  单击【Finish】按钮  
    ![在这里插入图片描述][8524aef297614945bad374b6cd27ce6a.png]

#### 2、准备图片素材 ####

*  将三张小图片拷贝到res/drawable目录  
    ![在这里插入图片描述][e3226f4df12341b1a345ef519dbc73fe.png]

#### 3、主布局资源文件 ####

*  主布局资源文件 - activity\_main.xml  
    ![在这里插入图片描述][654ac9c6971a4280a3a904a90317c0a6.png]
 *  将约束布局改为线性布局  
    ![在这里插入图片描述][4fdd1fc831d740048afb2450702a6fa9.png]
 *  添加三个线性布局，按照1:2:3比例垂直瓜分手机屏幕  
    ![在这里插入图片描述][963f5b6531f7405f9bc0697fcb58602f.png]

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

*  字符串资源文件 - strings.xml  
    ![在这里插入图片描述][983d418d125f436c90b419bd7d402244.png]

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

*  三个布局按照1:2:3比例垂直瓜分手机屏幕  
    ![在这里插入图片描述][14b182edbb95424a804306d14f7e64a6.png]

#### 6、修改布局，查看效果 ####

*  在第一个布局添加三个水平摆放的图像视图  
    ![在这里插入图片描述][5a3e38bae7994be2a4066182b5fb2f13.png]
 *  在第二个布局里添加一个横向线性布局，里面添加四个按钮  
    ![在这里插入图片描述][7b8641088fbf4a039ffb6b0495cba72f.png]
 *  在第二个布局里添加一个编辑框  
    ![在这里插入图片描述][5c7ffa9ad278430385afcbe68d6c76cb.png]
 *  第三个布局里添加三个布局，按照1:2:3比例水平瓜分手机屏幕  
    ![在这里插入图片描述][2f2782e8d6a94682945438d654093eb3.png]

## 三、上机操作 ##

### 任务一、选择水果 ###

*  单击某个水果图标，弹出土司提示用户选择了什么水果

#### 1、编写主布局资源文件 ####

*  代码：

<?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:orientation="vertical"
        android:gravity="center"
        tools:context=".MainActivity">
    
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center">
    
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="vertical">
    
                <ImageView
                    android:id="@+id/BXG"
                    android:layout_width="50dp"
                    android:layout_height="50dp"
                    android:src="@drawable/bxg"/>
    
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:textSize="15dp"
                    android:text="百香果"/>
    
            </LinearLayout>
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="vertical"
                android:paddingLeft="20dp">
                <ImageView
                    android:id="@+id/LM"
                    android:layout_width="50dp"
                    android:layout_height="50dp"
                    android:src="@drawable/lm"/>
    
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:textSize="15dp"
                    android:text="蓝莓"/>
            </LinearLayout>
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="vertical"
                android:paddingLeft="20dp">
                <ImageView
                    android:id="@+id/MG"
                    android:layout_width="50dp"
                    android:layout_height="50dp"
                    android:src="@drawable/mg"/>
    
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:textSize="15dp"
                    android:text="芒果"/>
            </LinearLayout>
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="vertical"
                android:paddingLeft="20dp">
                <ImageView
                    android:id="@+id/PG"
                    android:layout_width="50dp"
                    android:layout_height="50dp"
                    android:src="@drawable/pg"/>
    
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:textSize="15dp"
                    android:text="苹果"/>
            </LinearLayout>
        </LinearLayout>
    
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center">
    
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="vertical">
                <ImageView
                    android:id="@+id/PT"
                    android:layout_width="50dp"
                    android:layout_height="50dp"
                    android:src="@drawable/pt"/>
    
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:textSize="15dp"
                    android:text="葡萄"/>
    
            </LinearLayout>
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="vertical"
                android:paddingLeft="20dp">
                <ImageView
                    android:id="@+id/CM"
                    android:layout_width="50dp"
                    android:layout_height="50dp"
                    android:src="@drawable/cm"/>
    
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:textSize="15dp"
                    android:text="草莓"/>
            </LinearLayout>
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="vertical"
                android:paddingLeft="20dp">
                <ImageView
                    android:id="@+id/CZ"
                    android:layout_width="50dp"
                    android:layout_height="50dp"
                    android:src="@drawable/cz"/>
    
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:textSize="15dp"
                    android:text="橙子"/>
            </LinearLayout>
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="vertical"
                android:paddingLeft="20dp">
                <ImageView
                    android:id="@+id/TZ"
                    android:layout_width="50dp"
                    android:layout_height="50dp"
                    android:src="@drawable/tz"/>
    
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:textSize="15dp"
                    android:text="桃子"/>
            </LinearLayout>
        </LinearLayout>
    
    </LinearLayout>

#### 2、编写主窗口文件并给图片添加吐司 ####

*  代码：

package net.xqf.choose_fruit;
    
    import androidx.appcompat.app.AppCompatActivity;
    
    import android.os.Bundle;
    import android.view.View;
    import android.widget.ImageView;
    import android.widget.Toast;
    
    public class MainActivity extends AppCompatActivity {
        
        private ImageView BXG;
        private ImageView LM;
        private ImageView MG;
        private ImageView PG;
        private ImageView PT;
        private ImageView CM;
        private ImageView CZ;
        private ImageView TZ;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
        
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            BXG = findViewById(R.id.BXG);
            LM = findViewById(R.id.LM);
            MG = findViewById(R.id.MG);
            PG = findViewById(R.id.PG);
            PT = findViewById(R.id.PT);
            CM = findViewById(R.id.CM);
            CZ = findViewById(R.id.CZ);
            TZ = findViewById(R.id.TZ);
    
            BXG.setOnClickListener(new View.OnClickListener() {
        
                @Override
                public void onClick(View v) {
        
                    Toast.makeText(MainActivity.this, "百香果", Toast.LENGTH_SHORT).show();
                }
            });
            LM.setOnClickListener(new View.OnClickListener() {
        
                @Override
                public void onClick(View v) {
        
                    Toast.makeText(MainActivity.this, "蓝莓", Toast.LENGTH_SHORT).show();
                }
            });
            MG.setOnClickListener(new View.OnClickListener() {
        
                @Override
                public void onClick(View v) {
        
                    Toast.makeText(MainActivity.this, "芒果", Toast.LENGTH_SHORT).show();
                }
            });
            PG.setOnClickListener(new View.OnClickListener() {
        
                @Override
                public void onClick(View v) {
        
                    Toast.makeText(MainActivity.this, "苹果", Toast.LENGTH_SHORT).show();
                }
            });
            PT.setOnClickListener(new View.OnClickListener() {
        
                @Override
                public void onClick(View v) {
        
                    Toast.makeText(MainActivity.this, "葡萄", Toast.LENGTH_SHORT).show();
                }
            });
            CM.setOnClickListener(new View.OnClickListener() {
        
                @Override
                public void onClick(View v) {
        
                    Toast.makeText(MainActivity.this, "草莓", Toast.LENGTH_SHORT).show();
                }
            });
            CZ.setOnClickListener(new View.OnClickListener() {
        
                @Override
                public void onClick(View v) {
        
                    Toast.makeText(MainActivity.this, "橙子", Toast.LENGTH_SHORT).show();
                }
            });
            TZ.setOnClickListener(new View.OnClickListener() {
        
                @Override
                public void onClick(View v) {
        
                    Toast.makeText(MainActivity.this, "桃子", Toast.LENGTH_SHORT).show();
                }
            });
        }
    }

#### 3、运行程序查看效果 ####

![在这里插入图片描述][018230d6bcd44b1e97aa6f50a197d9b1.gif]

[41598789e41c4efe8171a76672707d3a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/94e46bb3888d4e90a6383f65cd694763.png
[9c4d7f93f3f747a89e0ee6c5fab73290.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/45f851a58b2a48aca1ec3d11d2f7a135.png
[9530d476a654436489dcb8fad383323f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/a1dc617692934d5eb59bca543326c132.png
[69fc9a57cc4e4eeda933e981b28b8054.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/6979897c2c0c472daf96711012edde5f.png
[61265479d0494281b77ad4e032387978.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/573f3c74009645fb81a426b2dace9caf.png
[4f6c836097ca4f6893b7b8b62f0c7543.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/5e7f7f1b8c5c48959f7ed9388fedd70d.png
[29695417ea064388864f5c7e60b0e0f3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/97082ac692e24bd082cc782c7282e747.png
[a19c872a07e94a49a017997e155706cf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/eb4e797e167642af9634479ab1fed7ab.png
[6dcbc880de924e8ea035f3b4fbacbec7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/5053c72a1d4b4c458e0ae821194515fc.png
[52abd63ea60c4b6f81f6bc86e97cac24.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/711bd1def0e749348d1a1c59b09f5681.png
[62861906e2204a869172b32b2be1f6ef.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/12f6bd3b716d4f498e5411d4c3e23e7f.png
[a0ab971c68124cb5bb27c8db71560ccc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/11325a13beec4390bf33a4e7ebcb1c88.png
[671ea4dacb444a9280c00ebb97028550.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/b9dff1d1b9e9451e9072a79ec821561e.png
[a990f3509cfa440c854b23200a712091.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/ba46d5e3fcc14725a3a05c3fef007676.png
[96e6a288bc8b422caee300285c457fc8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/d65dfb4fc160431f9b038e1c546ec8d0.png
[3be9f61bf7e5454aa6889b10bc12fc31.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/4ac6b319bfb6472c87973b411b13b7a8.png
[60fb7f203e264898a2fec501697e1032.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/b2c06b5660a7465e9e753e48c50ffe70.png
[f3a9b2c9c0454228bc9a79438580494a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/4a0e43471eee46faa9cc77bc3ded0a95.png
[e1a190bcc9bd4ffe97e70040840eb12b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/1b6bcd530f1641fbb95887662f840070.png
[12cf0802ac554515959092efa2a54a90.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/fe151cccfd0f4d6e9f52c1c7f3f78302.png
[dd37b18dc22e4a10ba50bc78bd463e0b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/d89772fbb4b94be99d8ae3e737f48e31.png
[https_m.wang1314.com_doc_webapp_topic_21084865.html]: https://m.wang1314.com/doc/webapp/topic/21084865.html
[22f21ca3e8b64bee9bbefed6d91ba302.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/29750746fae74053bc12343d1e6cf8a8.png
[eb9f6a85ea5944e78fec3925a0717086.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/fcfb7cc3585b481d9a3f75d621c6adcc.png
[0feb39cb42b641fb91e6cde238695c8d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/889788111309474aa93198f7fe41726f.png
[36010ea208f9428dbba173174b561083.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/8752f18f072740feb4749418a08cc743.png
[e230dc93bcc741ffa48e4e539533a5e2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/fc37d7642ad6498d9a98c0acf120be8e.png
[8524aef297614945bad374b6cd27ce6a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/28f3e395749a4910acb6e0e7fd375122.png
[e3226f4df12341b1a345ef519dbc73fe.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/fc39c553d3094ca5ab3082a710ba0ea1.png
[654ac9c6971a4280a3a904a90317c0a6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/e07f5f081d714edf86ed40e9cdd04e27.png
[4fdd1fc831d740048afb2450702a6fa9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/06bd9ebb60e543d2b4f9549a7da68ef1.png
[963f5b6531f7405f9bc0697fcb58602f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/e0015d72969b455b98a08887223325b2.png
[983d418d125f436c90b419bd7d402244.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/c33eeba1d06a44ecaf0b2f5bea8ceb46.png
[14b182edbb95424a804306d14f7e64a6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/d09690f055d746109a7cdaf53bf9971f.png
[5a3e38bae7994be2a4066182b5fb2f13.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/3304756f79ea4ad0966de04d5bfe901c.png
[7b8641088fbf4a039ffb6b0495cba72f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/44af0f04e69444628d3da075cc5b3fe2.png
[5c7ffa9ad278430385afcbe68d6c76cb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/9f1126da43b24bb7a2fae17a03c53ae9.png
[2f2782e8d6a94682945438d654093eb3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/dfbf31dd410948dfbd0d25e7a7179827.png
[018230d6bcd44b1e97aa6f50a197d9b1.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/a52d1a1cea094e7e9205bf3f415a20cf.gif