安卓学习笔记5.6—列表视图

喜欢ヅ旅行 2024-03-31 09:32 56阅读 0赞

**目录**

零、学习目标

一、列表视图概述

（一）继承关系图

（二）列表视图四要素

（三）四种适配器

二、基于数组适配器使用列表视图案例 —— 阅读古诗

（一）数组适配器

（二）涉及知识点

（三）实现步骤

1、创建安卓应用【ReadAncientPoetry】

2、将背景图片拷贝到drawable目录

3、字符串资源文件strings.xml、

4、主布局资源文件activity\_main.xml

查看预览

5、诗歌列表项模板poem\_list\_item.xml

编辑

6、主界面类实现功能 - MainActivity

7、启动应用，查看效果

8、单击列表项，弹出吐司，显示古诗名及编号

9、启动应用，查看效果

10、创建显示古诗内容的界面 - ContentActivity

11、内容界面布局资源文件content\_activity.xml

12、修改主界面类，实现窗口跳转

13、修改内容界面 - ContentActivity

14、启动应用，查看效果

(七、）自定义适配器使用列表案例

2、将图片素材拷贝到drawable目录

3、主布局资源文件activity\_main.xml

5、创建联系人列表项模板

6、创建联系人实体类

7、创造联系人适配器

8、主界面类实现功能

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

## 零、学习目标 ##

1.  能说出列表控件的基本用法
2.  能说出列表控件使用的四种适配器
3.  能利用列表控件编写简单的安卓应用

## 一、列表视图概述 ##

### （一）继承关系图 ###

![f26a54d0cb9d4382bbc5346e425a926c.png][]

*  列表视图（ListView）继承了抽象列表视图（AbsListView），而抽象列表视图又继承了适配器视图（AdapterView）。适配器视图具有共同的特征，就是利用适配器将数据源与展示控件绑定起来。

### （二）列表视图四要素 ###

1.  列表控件
2.  适配器（数组适配器、简单适配器、游标适配器、基适配器……）
3.  数据源（数组、列表、游标……）
4.  列表项模板（平台资源、用户自定义）

### （三）四种适配器 ###

<table style="width:500px;"> 
 <tbody> 
  <tr> 
   <td>适配器</td> 
   <td>含义</td> 
  </tr> 
  <tr> 
   <td>ArrayAdapter</td> 
   <td>数组适配器</td> 
  </tr> 
  <tr> 
   <td>SimpleAdapter</td> 
   <td>简单适配器</td> 
  </tr> 
  <tr> 
   <td>SimpleCusorAdapter</td> 
   <td> <p>简单游标适配器</p> </td> 
  </tr> 
 </tbody> 
</table>

*  列表视图（ListView），它是AdapterView的孙子类，要通过适配器作为梁桥来绑定数据源。
 *  有四种适配器可以使用：数组适配器（ArrayAdapter）、简单适配器（SimpleAdapter）、简单游标适配器（SimpleCursorAdapter）、基适配器（BaseAdapter）。

## 二、基于[数组][Link 1]适配器使用列表视图案例 —— 阅读古诗 ##

*  **案例简述：** 包含两个窗口，第一个窗口是古诗标题列表，供用户选择，用户单击了某一项，立即跳转到第二个窗口，显示用户所选古诗的内容（标题、作者、正文），第二个窗口有一个返回目录按钮，单击该按钮，返回显示古诗标题列表的第一个窗口。

### （一）数组适配器 ###

*  数组适配器有两个重载的构造方法 - 差别在于第三个参数，一个是对象数组，一个是对象列表

### （二）涉及知识点 ###

1.  线性布局（LinearLayout）
2.  标签（TextView）
3.  按钮（Button）
4.  列表视图（ListView）
5.  数组适配器（ArrayAdapter）
6.  数组或数组列表（Array | ArrayList）

### （三）实现步骤 ###

#### 1、创建安卓应用【ReadAncientPoetry】 ####

![a0e0cd24d7e046c885b02e656e66a768.png][]

![6f9f82f57eaf49b687d8ba32dba2cc7f.png][]

#### 2、将背景图片拷贝到drawable目录 ####

![8a3147158d36411b86d1306ae1731d54.png][]

#### 3、字符串资源文件strings.xml、 ####

![ea7956cf67464cfaaece893d36a5506b.png][]

<resources>                                                                                                             
        <string name="app_name">阅读古诗</string>                                                                            
                                                                                                                            
        <string-array name="titles">                                                                                        
            <item>静夜思</item>                                                                                                
            <item>登鹳雀楼</item>                                                                                               
            <item>相思</item>                                                                                                 
            <item>听弹琴</item>                                                                                                
            <item>登乐游原</item>                                                                                               
            <item>朝发白帝城</item>                                                                                              
            <item>巴山夜雨</item>                                                                                               
            <item>渭城曲</item>                                                                                                
            <item>春夜喜雨</item>                                                                                               
            <item>离离原上草</item>                                                                                              
            <item>示儿</item>                                                                                                 
        </string-array>                                                                                                     
                                                                                                                            
        <string-array name="authors">                                                                                       
            <item>唐·李白</item>                                                                                               
            <item>唐·王之涣</item>                                                                                              
            <item>唐·王维</item>                                                                                               
            <item>唐·刘长卿</item>                                                                                              
            <item>唐·李商隐</item>                                                                                              
            <item>唐·李白</item>                                                                                               
            <item>唐·杜牧</item>                                                                                               
            <item>唐·王维</item>                                                                                               
            <item>唐·杜甫</item>                                                                                               
            <item>唐·白居易</item>                                                                                              
            <item>宋·陆游</item>                                                                                               
        </string-array>                                                                                                     
                                                                                                                            
        <string-array name="contents">                                                                                      
            <item>床前明月光，\n疑是地上霜。\n举头望明月，\n低头思故乡。</item>                                                                     
            <item>白日依山尽，\n黄河入海流。\n欲穷千里目，\n更上一层楼。</item>                                                                     
            <item>红豆生南国，\n春来发几枝。\n愿君多采撷，\n此物最相思。</item>                                                                     
            <item>泠泠七弦上，\n静听松风寒。\n古调虽自爱，\n今人多不弹。</item>                                                                     
            <item>向晚意不适，\n驱车登古原。\n夕阳无限好，\n只是近黄昏。</item>                                                                     
            <item>朝辞白帝彩云间，\n千里江陵一日还。\n两岸猿声啼不住，\n轻舟已过万重山。</item>                                                             
            <item>君问归期未有期，\n巴山夜雨涨秋池。\n何当共剪西窗烛，\n却话巴山夜雨时。</item>                                                             
            <item>渭城朝雨浥轻尘，\n客舍青青柳色新。\n劝君更尽一杯酒，\n西出阳关无故人。</item>                                                             
            <item>好雨知时节，当春乃发生。\n随风潜入夜，润物细无声。\n野径云俱黑，江船火独明。\n晓看红湿处，花重锦官城。</item>                                             
            <item>离离原上草，一岁一枯荣。\n野火烧不尽，春风吹又生。\n远芳侵古道，晴翠接荒城。\n又送王孙去，萋萋满别情。</item>                                             
            <item>死去元知万事空，\n但悲不见九州同。\n王师北定中原日，\n家祭无忘告乃翁。 </item>                                                            
        </string-array>                                                                                             
    </resources>

#### 4、主布局资源文件activity\_main.xml ####

![cc8b5ce887774c52aa55d1b140401174.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:padding="15dp"
        tools:context=".MainActivity">
    
        <ListView
            android:id="@+id/lvPoemTitle"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:divider="#aaaaaa"
            android:dividerHeight="0.5dp"/>
    </LinearLayout>

*  #### 查看预览 ####
 *  ![84352730f2f946f18426ac50f2c03657.png][]

#### 5、诗歌列表项模板poem\_list\_item.xml ####

#### ![de1d8724e9624f8a84ce71310b2fd325.png][] ####

<?xml version="1.0" encoding="utf-8"?>
    <TextView xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/tvPoemTitle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
        android:minHeight="80dp"
        android:textColor="#0000ff"
        android:textSize="25sp" />

#### 6、主界面类实现功能 - MainActivity ####

![bd574560436f43d4977196a7d47698bd.png][]

*  声明变量
 *  ![e3ef57fb18c940b0acdb5ce13175fb6e.png][]
 *  ![c7f45602a7f84e86a267681eef6257ce.png][]

![16d7ef3eb8474433acc27bff96607a98.png][]

*  创建数字适配器，作为连接列表控件与数据源的桥梁

![e4c4c25ada46402aa168079f333581bf.png][]

查看平台布局资源文件simple\_list\_litem

![dd53f26f510144feaa3bad84b3837553.png][]

![53e3d5a6bd764a86b118c9552e67a1a6.png][]

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

![9863bca9cf9f4aceb7bd4e77fbed1161.png][]

修改源代码，使用自定义列表项模板

![73e1b6628d014b6d88c4508eeb4e0542.png][]

查看效果

![0b2cf9edf8cc4f6084f433d65ce7b298.png][]

没有显示完全部古诗，可以上下滑动

素材5.5

#### 8、单击列表项，弹出吐司，显示古诗名及编号 ####

修改主界面类，给列表控件注册项目单击监听器

![b937a28498114b85a8ad167848c2301c.png][]

*  参数position是用户单击列表项的位置，从0开始的，比如用户单击了第3个列表项，那么position就等于2，也就是说，position要加1才是行号
 *  参数id的值与参数position的值相等，两个参数只是类型不同而已

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

![716009c6ddb8423385a9b8349e958f44.png][]

#### 10、创建显示古诗内容的界面 - ContentActivity ####

基于模板来创建ContentActivity

![444a30d359634702b6ceadab7ecd4051.png][]

![3260fe7860ed42bab64dd015359744f1.png][]

#### 11、内容界面布局资源文件content\_activity.xml ####

![781a290579af4a0c832ef4385b229c63.png][]

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/background"
        android:gravity="center"
        android:orientation="vertical">
    
        <TextView
            android:id="@+id/tvTitle"
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_marginTop="30dp"
            android:layout_marginBottom="20dp"
            android:layout_weight="1"
            android:gravity="center_vertical"
            android:textColor="#ff00ff"
            android:textSize="40sp" />
    
        <TextView
            android:id="@+id/tvAuthor"
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_marginBottom="20dp"
            android:layout_weight="1"
            android:gravity="center_vertical"
            android:textColor="#000000"
            android:textSize="25sp" />
    
        <TextView
            android:id="@+id/tvContent"
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_marginBottom="20dp"
            android:layout_weight="8"
            android:textColor="#0000ff"
            android:textSize="30sp" />
    
        <Button
            android:id="@+id/btnBack"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:onClick="doBack"
            android:text="@string/back"
            android:textSize="20sp" />
    </LinearLayout>

#### 12、修改主界面类，实现窗口跳转 ####

通过意图携带数据并跳转到内容界面

![6dca707dcb084405991a3a7deb6c8453.png][]

#### 13、修改内容界面 - ContentActivity ####

![4a4297ecfb0c4ab6b2e4b9e5eba34aaa.png][]

声明变量

![1587c8d3af304b0db9f74414a0355e4e.png][]

通过资源标识符获取控件实例

![989e19db458a4050bf6fd3dd487d21b1.png][]

获取窗口跳转过来的意图，获取意图携带的位置数据，进行相应的内容

![57f1642f798044e1b5c2112440321464.png][]

编写【赶回古诗目录】按钮单击事件处理方法

![277176f544c8492c807327e065c4657c.png][]

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

素材5.5.2

### (四、）自定义适配器使用列表案例 ###

*  新建一个项目ContactList,单击finish
 *  ![bb1119301e294617b009f508128253de.png][]

![f17d05c215a840578cf1e1639dab9169.png][]

#### 2、将图片素材拷贝到drawable目录 ####

![0f449d0e77074883916d140e450b5fd4.png][]

#### 3、主布局资源文件activity\_main.xml ####

![f2c81f35a8934d9c8457604793514434.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:padding="10dp"
        tools:context=".MainActivity">
    
        <ListView
            android:id="@+id/lvContact"
            android:layout_width="match_parent"
            android:layout_height="match_parent">        
        </ListView>
    </LinearLayout>

#### 5、创建联系人列表项模板 ####

![dc91b1ff66dc43b0904e3289f399bdd2.png][]

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:orientation="vertical"
        android:layout_height="match_parent">
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:gravity="center_vertical">
            <ImageView
                android:id="@+id/ivContactIcon"
                android:layout_width="60dp"
                android:layout_height="60dp"
                android:src="@drawable/img1"
                android:layout_marginRight="10dp"
                android:scaleType="fitXY"/>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical">
    
            <TextView
                android:id="@+id/tvContactName"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textColor="#0000ff"
                android:text="陈燕文"
                android:textSize="20sp"/>
            <TextView
                android:id="@+id/tvContactPhone"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="90dp"
                android:text="15809765843"
                android:textColor="#555555"
                android:textSize="16sp"/>
        
            </LinearLayout>
        </LinearLayout>
        
    
        
    </LinearLayout>

#### 6、创建联系人实体类 ####

![c6544ec97a12442fad2769f0d70fd385.png][]

![710224d69bda4529b7c1d3dc53a0370e.png][]

#### 7、创造联系人适配器 ####

![9afb010f048548f591f3c8fac815ba28.png][]

*  继承适配器

![969ac3d7f0c04231b40ce6c4ee4ad790.png][]

*  声明变量

![51692a47aeb54d83ac9c816e05db8037.png][]

创建构造方法

![28f206428df543adb2e84cb10e700560.png][]

获取列表项个数的方法--getCont()

![ad4b4b452df8419aa2ca8d1bf11b0b30.png][]

*  获取列表项的标识符

![aaa522d7e5ec414da97c7c0faac102ba.png][]

#### 8、主界面类实现功能 ####

![c8d4a821c446471f9428dac4ee844767.png][]

声明变量

![a5827e251039498fa3a9dad7cc1650de.png][] 通过资源标识符获取控件实例

![63dd1299d05849edb26d037def5981b0.png][]

创建联系人获取方法

![e0bcc30922f943bd832cbdfd6a7a074f.png][]

创建联系人适配器

![2c6b298e755e4f7ba33731cca89f5dc9.png][]

给联系人列表控件设置适配器

![f28e7bf5cec24d369078d5fc06bd8fc8.png][]

*  运行查看效果

[f26a54d0cb9d4382bbc5346e425a926c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/7f4953d57a4c452ab55557cf97a06aab.png
[Link 1]: https://so.csdn.net/so/search?q=%E6%95%B0%E7%BB%84&spm=1001.2101.3001.7020
[a0e0cd24d7e046c885b02e656e66a768.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/cf3d4a8ebe474356bf0df384e8347ed7.png
[6f9f82f57eaf49b687d8ba32dba2cc7f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/06a13057093640329048d02ff2b40c14.png
[8a3147158d36411b86d1306ae1731d54.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/08fcf216529043eabf9196f77e52b899.png
[ea7956cf67464cfaaece893d36a5506b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/cc3d426517d640d8b23f9dbafcd2ef04.png
[cc8b5ce887774c52aa55d1b140401174.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/8de01890fca84b82b34e28890761d36c.png
[84352730f2f946f18426ac50f2c03657.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/9fea06878c1443f8aa445ddf3f5ce0ed.png
[de1d8724e9624f8a84ce71310b2fd325.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/5d2027efa49b48c68efd9a5fd03deae4.png
[bd574560436f43d4977196a7d47698bd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/2ad8bbfeb7744b2791c64a3e21a848c9.png
[e3ef57fb18c940b0acdb5ce13175fb6e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/10138e8e65ba4d7c9820d303dfa8c448.png
[c7f45602a7f84e86a267681eef6257ce.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/d132863579a044a9811f984adfcafc40.png
[16d7ef3eb8474433acc27bff96607a98.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/2825aac81e02483cb3a6da2a3a058375.png
[e4c4c25ada46402aa168079f333581bf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/2a0250e70af54929b530d7c65e231664.png
[dd53f26f510144feaa3bad84b3837553.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/ce68d735d76442a39913569ebadf87ff.png
[53e3d5a6bd764a86b118c9552e67a1a6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/6f7a0e69e8574540a41b09d55772e08b.png
[9863bca9cf9f4aceb7bd4e77fbed1161.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/5301fd1dee4e4a8fb5d4f97b86c96b36.png
[73e1b6628d014b6d88c4508eeb4e0542.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/f6db4e4dace249fda749f2cd48e097b3.png
[0b2cf9edf8cc4f6084f433d65ce7b298.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/9ecce956ce3c4a0e861e354ca1157476.png
[b937a28498114b85a8ad167848c2301c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/176c82a785c9460a92d9ec6dce582594.png
[716009c6ddb8423385a9b8349e958f44.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/a3b69f55992e44289e5fabbee6e29a3f.png
[444a30d359634702b6ceadab7ecd4051.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/246c886ea935479d817f2c1c60fb98ce.png
[3260fe7860ed42bab64dd015359744f1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/b035bc662a0a4ea9968e3c3e328b1bea.png
[781a290579af4a0c832ef4385b229c63.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/3ce027bfcbc1490ead240f0a89fc28f1.png
[6dca707dcb084405991a3a7deb6c8453.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/9b9b03d0b4de413099c47aa5d3d3b386.png
[4a4297ecfb0c4ab6b2e4b9e5eba34aaa.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/91d4b1a8428f4363a49ca24b35eabdb0.png
[1587c8d3af304b0db9f74414a0355e4e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/730b1bdc6bc6471b95aad3d7f6eaf3a5.png
[989e19db458a4050bf6fd3dd487d21b1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/006b815fb153421390f05c035b1e5299.png
[57f1642f798044e1b5c2112440321464.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/ef2fa577309b4c27a103d5f63a19fc34.png
[277176f544c8492c807327e065c4657c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/4f69cd9868f5421e89e875db8b4c24cc.png
[bb1119301e294617b009f508128253de.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/7b0e3ec5853643d88c98ac4c4e594795.png
[f17d05c215a840578cf1e1639dab9169.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/0fca458521474819ba2dab8c630baaa8.png
[0f449d0e77074883916d140e450b5fd4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/a7fd5efc31304362b25ad072ebb49d46.png
[f2c81f35a8934d9c8457604793514434.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/280abcb026d4411cb3caddebe971fdcf.png
[dc91b1ff66dc43b0904e3289f399bdd2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/d0cc72e86d5747b78bf460b20b2df668.png
[c6544ec97a12442fad2769f0d70fd385.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/0b7e0ae4165b46f5a3390c6d3bdef4fd.png
[710224d69bda4529b7c1d3dc53a0370e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/930c52d8547d45dc9b621dd64e381a17.png
[9afb010f048548f591f3c8fac815ba28.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/ad411a1050b6495d96836c73c98cd2d4.png
[969ac3d7f0c04231b40ce6c4ee4ad790.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/ac4ab6d586914b4da21ed1ba91f05019.png
[51692a47aeb54d83ac9c816e05db8037.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/2244252d1ece4a3f88a94b73d4d32daa.png
[28f206428df543adb2e84cb10e700560.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/b5da54046423404aaaf874edde9e32f8.png
[ad4b4b452df8419aa2ca8d1bf11b0b30.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/0c1f561452c349bbbf328c6a61f8992f.png
[aaa522d7e5ec414da97c7c0faac102ba.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/67870672533d41aa99e5458a1a0c7ce1.png
[c8d4a821c446471f9428dac4ee844767.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/cc0253082dff4ba9bd752e678da39ced.png
[a5827e251039498fa3a9dad7cc1650de.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/099af9f228f4496f9ed9c737c8940cfd.png
[63dd1299d05849edb26d037def5981b0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/2242010da9d9483ba4e5611207876ce1.png
[e0bcc30922f943bd832cbdfd6a7a074f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/7bdf0e778dc44e91ad09ae597869fec5.png
[2c6b298e755e4f7ba33731cca89f5dc9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/3876fbd824b74dbf82a7ac6b4a9f125f.png
[f28e7bf5cec24d369078d5fc06bd8fc8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/9f974f93dfa14f00ad6ab8de464abe05.png