组合控件——增强型列表——循环视图RecyclerView——布局管理器LayoutManager

谁践踏了优雅 2023-09-28 23:06 77阅读 0赞

![f6c1359fd0f21b37925fcced2e0b2b7e.png][]

RecyclerView的布局样式依赖于布局管理器LayoutManager，它提供了下面3类布局管理器。

(1)线性布局管理器LinearLayoutManager

该管理器可看作线性布局LinearLayout，在垂直方向布局时，展示效果类似于垂直的列表视图ListView；在水平方向布局时，展示效果类似于水平的列表视图。

下面是LinearLayoutManager的常用方法。

构造函数：可指定列表的方向和是否为相反方向开始布局。

setOrientation :设置列表的方向。

setReverseLayout :设置是否为相反方向开始布局，默认false。

![5baa8274e9859daa64a369e3aa603dcd.png][]

(2)网格布局管理器GridLayoutManager

该管理器可看作网格布局GridLayout，其展示效果类似于网格视图GridView。

GridLayout、GridView、GridLayoutManager都呈现多行多列的网格界面。

下面是GridLayoutManager的常用方法。

构造函数：可指定网格的列数。setSpanCount：设置网格的列数。setSpanSizeLookup：设置列表项的占位规则。

![0a1f71943aee761f912127267bc6231b.png][]

![5f7336fb3a71a0fa82cf30a39dd92501.png][]

(3)瀑布流网格布局管理器StaggeredGridLayoutManager

该管理器允许使用灵活高度的格子展示每个视图，例如根据不同的商品形状展示不同高度的图片。

下面是StaggeredGridLayoutManager的常用方法。

构造函数：可指定网格的列数和方向。

setSpanCount：设置网格的列数。setOrientation :设置列表的方向。setReverseLayout :设置是否为相反方向开始布局，默认false。

![92f35c6bd155fa75fd999ca20b45c21a.png][]

=========================================================================================

xml布局：

![b9613e587d1884a6cb71705a410cfd55.png][]

主代码：

package com.example.myapplication;
    
    import android.annotation.SuppressLint;
    import android.os.Bundle;
    import androidx.appcompat.app.AppCompatActivity;
    import androidx.recyclerview.widget.DefaultItemAnimator;
    import androidx.recyclerview.widget.GridLayoutManager;
    import androidx.recyclerview.widget.RecyclerView;
    import com.example.myapplication.adapter.RecyclerGridAdapter;
    import com.example.myapplication.bean.NewsInfo;
    import com.example.myapplication.widget.SpacesDecoration;
    
    @SuppressLint("SetTextI18n")
    public class MainActivity extends AppCompatActivity
    {
        @Override
        protected void onCreate(Bundle savedInstanceState)
        {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            initRecyclerGrid(); // 初始化网格布局的循环视图
        }
    
        // 初始化网格布局的循环视图
        private void initRecyclerGrid()
        {
    
            // 从布局文件中获取名叫rv_grid的循环视图
            RecyclerView rv_grid = findViewById(R.id.rv_grid);
    
            // 创建一个网格布局管理器(每行5列)
            GridLayoutManager manager = new GridLayoutManager(this, 5);
    
            rv_grid.setLayoutManager(manager); // 设置循环视图的布局管理器
    
            // 构建一个市场列表的网格适配器
            RecyclerGridAdapter adapter = new RecyclerGridAdapter(this, NewsInfo.getDefaultGrid());
    
            adapter.setOnItemClickListener(adapter); // 设置网格列表的点击监听器
    
            adapter.setOnItemLongClickListener(adapter); // 设置网格列表的长按监听器
    
            rv_grid.setAdapter(adapter); // 设置循环视图的网格适配器
    
            rv_grid.setItemAnimator(new DefaultItemAnimator());  // 设置循环视图的动画效果
    
            rv_grid.addItemDecoration(new SpacesDecoration(1));  // 设置循环视图的空白装饰
    
        }
    
    }

![263dbce45db01b8ed0a97d846ec7c27d.png][]

![17c4fc578dc4283ec12604dcd1afeb51.png][]

NewsInfo

package com.example.myapplication.bean;
    
    import com.example.myapplication.R;
    import java.util.ArrayList;
    import java.util.List;
    
    public class NewsInfo
    {
    
        public int pic_id; // 图片的资源编号
        public String title; // 标题
        public String desc; // 描述
        public boolean isPressed; // 是否按下
        public int id; // 商品信息编号
        private static int seq = 0; // 序号
    
        public NewsInfo(int pic_id, String title, String desc)
        {
    
            this.pic_id = pic_id;
            this.title = title;
            this.desc = desc;
            this.isPressed = false;
            this.id = this.seq;
            this.seq++;
        }
    
        private static int[] newsImageArray = {R.drawable.public_01, R.drawable.public_02
                , R.drawable.public_03, R.drawable.public_04, R.drawable.public_05};
    
        private static String[] newsTitleArray = {
                "首都日报", "海峡时报", "东方周末", "参照消息", "挨踢杂志"};
    
        private static String[] newsDescArray = {
                "北京冬奥精彩纷呈，中外健儿各显神通",
                "庆祝伟大统一，闽台两地合办中秋晚会",
                "日本新娘仰慕中土，纷纷跨海嫁往上海",
                "雅万高铁建成通车，中国标准再下一城",
                "Mate40大战iPhone12，两大豪机争上游"};
    
        public static List<NewsInfo> getDefaultList()
        {
    
            List<NewsInfo> newsList = new ArrayList<NewsInfo>();
            for (int i = 0; i < newsImageArray.length; i++) {
                newsList.add(new NewsInfo(newsImageArray[i], newsTitleArray[i], newsDescArray[i]));
            }
            return newsList;
        }
    
        private static int[] gridImageArray = {R.drawable.pic_01, R.drawable.pic_02, R.drawable.pic_03
                , R.drawable.pic_04, R.drawable.pic_05, R.drawable.pic_06, R.drawable.pic_07
                , R.drawable.pic_08, R.drawable.pic_09, R.drawable.pic_10};
    
        private static String[] gridTitleArray = {"商场", "超市", "百货", "便利店",
                "地摊", "食杂店", "饭店", "餐厅", "会所", "菜市场"};
    
        public static List<NewsInfo> getDefaultGrid() {
            List<NewsInfo> gridList = new ArrayList<NewsInfo>();
            for (int i = 0; i < gridImageArray.length; i++) {
                gridList.add(new NewsInfo(gridImageArray[i], gridTitleArray[i], null));
            }
            return gridList;
        }
    
        private static int[] stagImageArray = {R.drawable.skirt01, R.drawable.skirt02, R.drawable.skirt03
                , R.drawable.skirt04, R.drawable.skirt05, R.drawable.skirt06, R.drawable.skirt07
                , R.drawable.skirt08, R.drawable.skirt09, R.drawable.skirt10, R.drawable.skirt11
                , R.drawable.skirt12, R.drawable.skirt13, R.drawable.skirt14, R.drawable.skirt15
                , R.drawable.skirt16, R.drawable.skirt17, R.drawable.skirt18, R.drawable.skirt19
                , R.drawable.skirt20, R.drawable.skirt21, R.drawable.skirt22, R.drawable.skirt23};
    
        private static String[] stagTitleArray = {"促销价", "惊爆价", "跳楼价", "白菜价", "清仓价", "割肉价",
                "实惠价", "一口价", "满意价", "打折价", "腰斩价", "无人问津", "算了吧", "大声点",
                "嘘嘘", "嗯嗯", "呼呼", "呵呵", "哈哈", "嘿嘿", "嘻嘻", "嗷嗷", "喔喔"};
    
        public static List<NewsInfo> getDefaultStag() {
            List<NewsInfo> stagList = new ArrayList<NewsInfo>();
            for (int i = 0; i < stagImageArray.length; i++) {
                stagList.add(new NewsInfo(stagImageArray[i], stagTitleArray[i], null));
            }
            return stagList;
        }
    
        private static int[] combineImageArray = {R.drawable.cainixihuan, R.drawable.dapaijiadao
                , R.drawable.trip_01, R.drawable.trip_02, R.drawable.trip_03, R.drawable.trip_04};
        private static String[] combineTitleArray = {
                "猜你喜欢", "大牌驾到", "买哪个", "别想了", "先下单", "包你满意"};
    
        public static List<NewsInfo> getDefaultCombine() {
            List<NewsInfo> combineList = new ArrayList<NewsInfo>();
            for (int i = 0; i < combineImageArray.length; i++) {
                combineList.add(new NewsInfo(combineImageArray[i], combineTitleArray[i], null));
            }
            return combineList;
        }
    
        private static int[] appiImageArray = {R.drawable.dian01, R.drawable.dian02, R.drawable.dian03
                , R.drawable.dian04, R.drawable.dian05, R.drawable.dian06, R.drawable.dian07
                , R.drawable.dian08, R.drawable.dian09, R.drawable.dian10, R.drawable.dian11
                , R.drawable.dian12, R.drawable.dian13, R.drawable.dian14, R.drawable.dian15};
        private static String[] appiTitleArray = {"双十一", "大聚惠", "爆款价",
                "就一次", "手慢无", "快点击", "付定金", "享特权", "包安装", "再返券",
                "白送你", "想得美", "干活去", "好好学", "才有钱"};
    
        public static List<NewsInfo> getDefaultAppi() {
            List<NewsInfo> appiList = new ArrayList<NewsInfo>();
            for (int i = 0; i < appiImageArray.length; i++) {
                appiList.add(new NewsInfo(appiImageArray[i], appiTitleArray[i], null));
            }
            return appiList;
        }
    
    }

![b958f397969b70960d45cdd7669ef862.png][]

![fa4ddf190624a6fe3234e1a917462350.png][]

![65057adebfd1a13e2f8adf356bfdd1c4.png][]

RecyclerExtras

package com.example.myapplication.widget;
    
    import android.view.View;
    
    public class RecyclerExtras
    {
    
        // 定义一个循环视图列表项的点击监听器接口
        public interface OnItemClickListener
        {
            void onItemClick(View view, int position);
    
        }
    
        // 定义一个循环视图列表项的长按监听器接口
        public interface OnItemLongClickListener
        {
    
            void onItemLongClick(View view, int position);
        }
    
        // 定义一个循环视图列表项的删除监听器接口
        public interface OnItemDeleteClickListener 
        {
            void onItemDeleteClick(View view, int position);
        }
    
    }

![4c84023dbb847c731037f25bfe40ef8f.png][]

RecyclerGridAdapter

package com.example.myapplication.adapter;
    
    import android.annotation.SuppressLint;
    import android.content.Context;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.View.OnClickListener;
    import android.view.View.OnLongClickListener;
    import android.view.ViewGroup;
    import android.widget.ImageView;
    import android.widget.LinearLayout;
    import android.widget.TextView;
    import android.widget.Toast;
    import androidx.recyclerview.widget.RecyclerView;
    import androidx.recyclerview.widget.RecyclerView.ViewHolder;
    import com.example.myapplication.R;
    import com.example.myapplication.bean.NewsInfo;
    import com.example.myapplication.widget.RecyclerExtras.OnItemClickListener;
    import com.example.myapplication.widget.RecyclerExtras.OnItemLongClickListener;
    import java.util.List;
    
    @SuppressLint("DefaultLocale")
    public class RecyclerGridAdapter extends RecyclerView.Adapter<ViewHolder> implements
            OnItemClickListener, OnItemLongClickListener {
        private final static String TAG = "RecyclerGridAdapter";
        private Context mContext; // 声明一个上下文对象
        private List<NewsInfo> mGoodsList;
    
        public RecyclerGridAdapter(Context context, List<NewsInfo> goodsList) {
            mContext = context;
            mGoodsList = goodsList;
        }
    
        // 获取列表项的个数
        public int getItemCount() {
            return mGoodsList.size();
        }
    
        // 创建列表项的视图持有者
        public ViewHolder onCreateViewHolder(ViewGroup vg, int viewType) {
            // 根据布局文件item_grid.xml生成视图对象
            View v = LayoutInflater.from(mContext).inflate(R.layout.item_grid, vg, false);
            return new ItemHolder(v);
        }
    
        // 绑定列表项的视图持有者
        public void onBindViewHolder(ViewHolder vh, @SuppressLint("RecyclerView") final int position) {
            ItemHolder holder = (ItemHolder) vh;
            holder.iv_pic.setImageResource(mGoodsList.get(position).pic_id);
            holder.tv_title.setText(mGoodsList.get(position).title);
            // 列表项的点击事件需要自己实现
            holder.ll_item.setOnClickListener(new OnClickListener() {
                @Override
                public void onClick(View v) {
                    if (mOnItemClickListener != null) {
                        mOnItemClickListener.onItemClick(v, position);
                    }
                }
            });
            // 列表项的长按事件需要自己实现
            holder.ll_item.setOnLongClickListener(new OnLongClickListener() {
                @Override
                public boolean onLongClick(View v) {
                    if (mOnItemLongClickListener != null) {
                        mOnItemLongClickListener.onItemLongClick(v, position);
                    }
                    return true;
                }
            });
        }
    
        // 获取列表项的类型
        public int getItemViewType(int position) {
            return 0;
        }
    
        // 获取列表项的编号
        public long getItemId(int position) {
            return position;
        }
    
        // 定义列表项的视图持有者
        public class ItemHolder extends RecyclerView.ViewHolder {
            public LinearLayout ll_item; // 声明列表项的线性布局
            public ImageView iv_pic; // 声明列表项图标的图像视图
            public TextView tv_title; // 声明列表项标题的文本视图
    
            public ItemHolder(View v) {
                super(v);
                ll_item = v.findViewById(R.id.ll_item);
                iv_pic = v.findViewById(R.id.iv_pic);
                tv_title = v.findViewById(R.id.tv_title);
            }
        }
    
        // 声明列表项的点击监听器对象
        private OnItemClickListener mOnItemClickListener;
    
        public void setOnItemClickListener(OnItemClickListener listener) {
            this.mOnItemClickListener = listener;
        }
    
        // 声明列表项的长按监听器对象
        private OnItemLongClickListener mOnItemLongClickListener;
    
        public void setOnItemLongClickListener(OnItemLongClickListener listener) {
            this.mOnItemLongClickListener = listener;
        }
    
        // 处理列表项的点击事件
        public void onItemClick(View view, int position) {
            String desc = String.format("您点击了第%d项，栏目名称是%s", position + 1,
                    mGoodsList.get(position).title);
            Toast.makeText(mContext, desc, Toast.LENGTH_SHORT).show();
        }
    
        // 处理列表项的长按事件
        public void onItemLongClick(View view, int position) {
            String desc = String.format("您长按了第%d项，栏目名称是%s", position + 1,
                    mGoodsList.get(position).title);
            Toast.makeText(mContext, desc, Toast.LENGTH_SHORT).show();
        }
    
    }

![1ac86678d9d9f8f8b29d02b398fcd84e.png][]

![68c31d0e6a8d4f2f8d735008fe6a05bf.png][]

![2d0e91a506d0a354e8cdfad9c382f9a3.png][]

![2d4dff3269b50f975fe4273fcaf0b3f5.png][]

item\_grid.xml

![b59ee9bcfed9c027134c4c4baa296312.png][]

![f38ec90f7490c0692979b9501c4aa089.png][]

================================================================================================

瀑布流网格布局管理器

xml布局：

![18377d9e9c21f276183f93ff9127e714.png][]

主代码：

package com.example.myapplication;
    
    import android.annotation.SuppressLint;
    import android.os.Bundle;
    import androidx.appcompat.app.AppCompatActivity;
    import androidx.recyclerview.widget.DefaultItemAnimator;
    import androidx.recyclerview.widget.RecyclerView;
    import androidx.recyclerview.widget.StaggeredGridLayoutManager;
    import com.example.myapplication.adapter.RecyclerStagAdapter;
    import com.example.myapplication.bean.NewsInfo;
    import com.example.myapplication.widget.SpacesDecoration;
    
    @SuppressLint("SetTextI18n")
    public class MainActivity extends AppCompatActivity
    {
        @Override
        protected void onCreate(Bundle savedInstanceState)
        {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            initRecyclerStaggered(); // 初始化瀑布流布局的循环视图
        }
    
        // 初始化瀑布流布局的循环视图
        private void initRecyclerStaggered()
        {
    
            // 从布局文件中获取名叫rv_staggered的循环视图
            RecyclerView rv_staggered = findViewById(R.id.rv_staggered);
    
            // 创建一个垂直方向的瀑布流布局管理器(每行3列)
            StaggeredGridLayoutManager manager = new StaggeredGridLayoutManager(3, RecyclerView.VERTICAL);
    
            rv_staggered.setLayoutManager(manager); // 设置循环视图的布局管理器
    
            // 构建一个服装列表的瀑布流适配器
            RecyclerStagAdapter adapter = new RecyclerStagAdapter(this, NewsInfo.getDefaultStag());
    
            adapter.setOnItemClickListener(adapter); // 设置瀑布流列表的点击监听器
    
            adapter.setOnItemLongClickListener(adapter); // 设置瀑布流列表的长按监听器
    
            rv_staggered.setAdapter(adapter);  // 设置循环视图的瀑布流适配器
    
            rv_staggered.setItemAnimator(new DefaultItemAnimator());  // 设置循环视图的动画效果
    
            rv_staggered.addItemDecoration(new SpacesDecoration(3));  // 设置循环视图的空白装饰
        }
    
    }

![5ee1acd7e68aa0ad0de23d2d0082a5c9.png][]

![e5f60435640d71f7cdaf969e4c7161d8.png][]

NewsInfo

![4ad0ea6338038a4c524ffe843e09ff24.png][]

![b75f7a34416bf86d3ef7f6fb159999f0.png][]

![e37451c9e7b70a82df53920313dbffe6.png][]

item\_staggered.xml

![e5d20253f23af9de9b1e380150e27f1a.png][]

RecyclerExtras

![4aef5d36b622dec130d8a7cd14a8392c.png][]

RecyclerStagAdapter

package com.example.myapplication.adapter;
    
    import android.annotation.SuppressLint;
    import android.content.Context;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.View.OnClickListener;
    import android.view.View.OnLongClickListener;
    import android.view.ViewGroup;
    import android.widget.ImageView;
    import android.widget.LinearLayout;
    import android.widget.TextView;
    import android.widget.Toast;
    import androidx.recyclerview.widget.RecyclerView;
    import androidx.recyclerview.widget.RecyclerView.ViewHolder;
    import com.example.myapplication.R;
    import com.example.myapplication.bean.NewsInfo;
    import com.example.myapplication.widget.RecyclerExtras.OnItemClickListener;
    import com.example.myapplication.widget.RecyclerExtras.OnItemLongClickListener;
    import java.util.List;
    
    @SuppressLint("DefaultLocale")
    public class RecyclerStagAdapter extends RecyclerView.Adapter<ViewHolder> implements OnItemClickListener, OnItemLongClickListener
    {
    
        private final static String TAG = "RecyclerStagAdapter";
        private Context mContext; // 声明一个上下文对象
        private List<NewsInfo> mGoodsList;
    
        public RecyclerStagAdapter(Context context, List<NewsInfo> goodsList)
        {
            mContext = context;
            mGoodsList = goodsList;
        }
    
        // 获取列表项的个数
        public int getItemCount()
        {
    
            return mGoodsList.size();
        }
    
        // 创建列表项的视图持有者
        public ViewHolder onCreateViewHolder(ViewGroup vg, int viewType)
        {
    
            // 根据布局文件item_staggered.xml生成视图对象
            View v = LayoutInflater.from(mContext).inflate(R.layout.item_staggered, vg, false);
            return new ItemHolder(v);
        }
    
        // 绑定列表项的视图持有者
        public void onBindViewHolder(ViewHolder vh, final int position)
        {
    
            ItemHolder holder = (ItemHolder) vh;
            holder.iv_pic.setImageResource(mGoodsList.get(position).pic_id);
            holder.tv_title.setText(mGoodsList.get(position).title);
    //        LayoutParams params = holder.ll_item.getLayoutParams();
    //        params.height = new Random().nextInt(100);
    //        if (params.height < 60) {
    //            params.height = 60;
    //        }
    //        // 很奇怪，setLayoutParams对瀑布流网格不起作用，只能用setHeight
    //        holder.tv_title.setHeight(params.height);
    
            // 列表项的点击事件需要自己实现
            holder.ll_item.setOnClickListener(new OnClickListener() {
                @Override
                public void onClick(View v) {
                    if (mOnItemClickListener != null) {
                        mOnItemClickListener.onItemClick(v, position);
                    }
                }
            });
            // 列表项的长按事件需要自己实现
            holder.ll_item.setOnLongClickListener(new OnLongClickListener()
            {
    
                @Override
                public boolean onLongClick(View v) {
                    if (mOnItemLongClickListener != null) {
                        mOnItemLongClickListener.onItemLongClick(v, position);
                    }
                    return true;
                }
            });
        }
    
        // 获取列表项的类型
        public int getItemViewType(int position) {
            return 0;
        }
    
        // 获取列表项的编号
        public long getItemId(int position) {
            return position;
        }
    
        // 定义列表项的视图持有者
        public class ItemHolder extends ViewHolder {
            public LinearLayout ll_item; // 声明列表项的线性布局
            public ImageView iv_pic; // 声明列表项图标的图像视图
            public TextView tv_title; // 声明列表项标题的文本视图
    
            public ItemHolder(View v) {
                super(v);
                ll_item = v.findViewById(R.id.ll_item);
                iv_pic = v.findViewById(R.id.iv_pic);
                tv_title = v.findViewById(R.id.tv_title);
            }
        }
    
        // 声明列表项的点击监听器对象
        private OnItemClickListener mOnItemClickListener;
    
        public void setOnItemClickListener(OnItemClickListener listener) {
            this.mOnItemClickListener = listener;
        }
    
        // 声明列表项的长按监听器对象
        private OnItemLongClickListener mOnItemLongClickListener;
    
        public void setOnItemLongClickListener(OnItemLongClickListener listener) {
            this.mOnItemLongClickListener = listener;
        }
    
        // 处理列表项的点击事件
        public void onItemClick(View view, int position) {
            String desc = String.format("您点击了第%d项，商品名称是%s", position + 1,
                    mGoodsList.get(position).title);
            Toast.makeText(mContext, desc, Toast.LENGTH_SHORT).show();
        }
    
        // 处理列表项的长按事件
        public void onItemLongClick(View view, int position) {
            String desc = String.format("您长按了第%d项，商品名称是%s", position + 1,
                    mGoodsList.get(position).title);
            Toast.makeText(mContext, desc, Toast.LENGTH_SHORT).show();
        }
    
    }

![bb478a1c60adde230bae58e39d630a3c.png][]

![46267cb726734d23aeb1c37af9b515eb.png][]

![784284dc7c80c46152e09614230fd0ae.png][]

![9f58ac2ba0f9cb33396e11e5b7bef803.png][]

![be94923a07ce90bc32b108f17fe56089.png][]

![c791984e90b0d0d8092d5656469de46a.png][]

![78a0888361af52934113b5962eb1b0fb.png][]

![77a241867173bb91bfc4afc60d9a42f5.png][]

![11e5bfb8ad51b65ffcf512d6bfb19ddb.png][]

![aedb0da6540d479d4f2dd8892ac49f92.png][]

![b37bad1940b95667dbbb29ae081e0d49.png][]

![5c3a262de937ba007b92ef0345b9fe4c.png][]

![d818abe7957cd7aaca542558cd65b3a7.png][]

[f6c1359fd0f21b37925fcced2e0b2b7e.png]: https://img-blog.csdnimg.cn/img_convert/f6c1359fd0f21b37925fcced2e0b2b7e.png
[5baa8274e9859daa64a369e3aa603dcd.png]: https://img-blog.csdnimg.cn/img_convert/5baa8274e9859daa64a369e3aa603dcd.png
[0a1f71943aee761f912127267bc6231b.png]: https://img-blog.csdnimg.cn/img_convert/0a1f71943aee761f912127267bc6231b.png
[5f7336fb3a71a0fa82cf30a39dd92501.png]: https://img-blog.csdnimg.cn/img_convert/5f7336fb3a71a0fa82cf30a39dd92501.png
[92f35c6bd155fa75fd999ca20b45c21a.png]: https://img-blog.csdnimg.cn/img_convert/92f35c6bd155fa75fd999ca20b45c21a.png
[b9613e587d1884a6cb71705a410cfd55.png]: https://img-blog.csdnimg.cn/img_convert/b9613e587d1884a6cb71705a410cfd55.png
[263dbce45db01b8ed0a97d846ec7c27d.png]: https://img-blog.csdnimg.cn/img_convert/263dbce45db01b8ed0a97d846ec7c27d.png
[17c4fc578dc4283ec12604dcd1afeb51.png]: https://img-blog.csdnimg.cn/img_convert/17c4fc578dc4283ec12604dcd1afeb51.png
[b958f397969b70960d45cdd7669ef862.png]: https://img-blog.csdnimg.cn/img_convert/b958f397969b70960d45cdd7669ef862.png
[fa4ddf190624a6fe3234e1a917462350.png]: https://img-blog.csdnimg.cn/img_convert/fa4ddf190624a6fe3234e1a917462350.png
[65057adebfd1a13e2f8adf356bfdd1c4.png]: https://img-blog.csdnimg.cn/img_convert/65057adebfd1a13e2f8adf356bfdd1c4.png
[4c84023dbb847c731037f25bfe40ef8f.png]: https://img-blog.csdnimg.cn/img_convert/4c84023dbb847c731037f25bfe40ef8f.png
[1ac86678d9d9f8f8b29d02b398fcd84e.png]: https://img-blog.csdnimg.cn/img_convert/1ac86678d9d9f8f8b29d02b398fcd84e.png
[68c31d0e6a8d4f2f8d735008fe6a05bf.png]: https://img-blog.csdnimg.cn/img_convert/68c31d0e6a8d4f2f8d735008fe6a05bf.png
[2d0e91a506d0a354e8cdfad9c382f9a3.png]: https://img-blog.csdnimg.cn/img_convert/2d0e91a506d0a354e8cdfad9c382f9a3.png
[2d4dff3269b50f975fe4273fcaf0b3f5.png]: https://img-blog.csdnimg.cn/img_convert/2d4dff3269b50f975fe4273fcaf0b3f5.png
[b59ee9bcfed9c027134c4c4baa296312.png]: https://img-blog.csdnimg.cn/img_convert/b59ee9bcfed9c027134c4c4baa296312.png
[f38ec90f7490c0692979b9501c4aa089.png]: https://img-blog.csdnimg.cn/img_convert/f38ec90f7490c0692979b9501c4aa089.png
[18377d9e9c21f276183f93ff9127e714.png]: https://img-blog.csdnimg.cn/img_convert/18377d9e9c21f276183f93ff9127e714.png
[5ee1acd7e68aa0ad0de23d2d0082a5c9.png]: https://img-blog.csdnimg.cn/img_convert/5ee1acd7e68aa0ad0de23d2d0082a5c9.png
[e5f60435640d71f7cdaf969e4c7161d8.png]: https://img-blog.csdnimg.cn/img_convert/e5f60435640d71f7cdaf969e4c7161d8.png
[4ad0ea6338038a4c524ffe843e09ff24.png]: https://img-blog.csdnimg.cn/img_convert/4ad0ea6338038a4c524ffe843e09ff24.png
[b75f7a34416bf86d3ef7f6fb159999f0.png]: https://img-blog.csdnimg.cn/img_convert/b75f7a34416bf86d3ef7f6fb159999f0.png
[e37451c9e7b70a82df53920313dbffe6.png]: https://img-blog.csdnimg.cn/img_convert/e37451c9e7b70a82df53920313dbffe6.png
[e5d20253f23af9de9b1e380150e27f1a.png]: https://img-blog.csdnimg.cn/img_convert/e5d20253f23af9de9b1e380150e27f1a.png
[4aef5d36b622dec130d8a7cd14a8392c.png]: https://img-blog.csdnimg.cn/img_convert/4aef5d36b622dec130d8a7cd14a8392c.png
[bb478a1c60adde230bae58e39d630a3c.png]: https://img-blog.csdnimg.cn/img_convert/bb478a1c60adde230bae58e39d630a3c.png
[46267cb726734d23aeb1c37af9b515eb.png]: https://img-blog.csdnimg.cn/img_convert/46267cb726734d23aeb1c37af9b515eb.png
[784284dc7c80c46152e09614230fd0ae.png]: https://img-blog.csdnimg.cn/img_convert/784284dc7c80c46152e09614230fd0ae.png
[9f58ac2ba0f9cb33396e11e5b7bef803.png]: https://img-blog.csdnimg.cn/img_convert/9f58ac2ba0f9cb33396e11e5b7bef803.png
[be94923a07ce90bc32b108f17fe56089.png]: https://img-blog.csdnimg.cn/img_convert/be94923a07ce90bc32b108f17fe56089.png
[c791984e90b0d0d8092d5656469de46a.png]: https://img-blog.csdnimg.cn/img_convert/c791984e90b0d0d8092d5656469de46a.png
[78a0888361af52934113b5962eb1b0fb.png]: https://img-blog.csdnimg.cn/img_convert/78a0888361af52934113b5962eb1b0fb.png
[77a241867173bb91bfc4afc60d9a42f5.png]: https://img-blog.csdnimg.cn/img_convert/77a241867173bb91bfc4afc60d9a42f5.png
[11e5bfb8ad51b65ffcf512d6bfb19ddb.png]: https://img-blog.csdnimg.cn/img_convert/11e5bfb8ad51b65ffcf512d6bfb19ddb.png
[aedb0da6540d479d4f2dd8892ac49f92.png]: https://img-blog.csdnimg.cn/img_convert/aedb0da6540d479d4f2dd8892ac49f92.png
[b37bad1940b95667dbbb29ae081e0d49.png]: https://img-blog.csdnimg.cn/img_convert/b37bad1940b95667dbbb29ae081e0d49.png
[5c3a262de937ba007b92ef0345b9fe4c.png]: https://img-blog.csdnimg.cn/img_convert/5c3a262de937ba007b92ef0345b9fe4c.png
[d818abe7957cd7aaca542558cd65b3a7.png]: https://img-blog.csdnimg.cn/img_convert/d818abe7957cd7aaca542558cd65b3a7.png