一手遮天 Android - view(RecyclerView): RecyclerView 基础,各种布局方式(垂直布局,水平布局,标准网格布局,错列网格布局),响应单击事件和长按事件,不同的 item 使用不同的项模板,表头和表尾

项目地址 https://github.com/webabcd/AndroidDemo
作者 webabcd

一手遮天 Android - view(RecyclerView): RecyclerView 基础,各种布局方式(垂直布局,水平布局,标准网格布局,错列网格布局),响应单击事件和长按事件,不同的 item 使用不同的项模板,表头和表尾

示例如下:

/view/recyclerview/RecyclerViewDemo1.java

/**
 * RecyclerView 基础,各种布局方式(垂直布局,水平布局,标准网格布局,错列网格布局),响应单击事件和长按事件,不同的 item 使用不同的项模板,表头和表尾
 *
 * 本例演示
 * 1、通过 RecyclerView.Adapter 显示数据
 * 2、线性布局方式,可纵向可横向
 * 3、标准网格布局方式(每个格子的宽高是一样的),可纵向可横向
 * 4、错列网格布局方式(每个格子的宽高可能是不一样的),可纵向可横向
 * 5、响应单击事件和长按事件(参见 MyRecyclerViewAdapter.java)
 * 6、不同的 item 使用不同的项模板(参见 MyRecyclerViewAdapter.java)
 * 7、表头和表尾(参见 MyRecyclerViewAdapter.java)
 *
 *
 * 注:
 * 1、需要在 app 的 build.gradle 中配置好 implementation 'androidx.recyclerview:recyclerview:x.x.x'
 * 2、本例使用的自定义 RecyclerView.Adapter 请参见 MyRecyclerViewAdapter.java
 */

package com.webabcd.androiddemo.view.recyclerview;

import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.GridLayoutManager;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import androidx.recyclerview.widget.StaggeredGridLayoutManager;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;

import com.webabcd.androiddemo.R;

import java.util.List;

public class RecyclerViewDemo1 extends AppCompatActivity {

    private RecyclerView _recyclerView;
    private Button _button1;
    private Button _button2;
    private Button _button3;
    private Button _button4;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_view_recyclerview_recyclerviewdemo1);

        _recyclerView = findViewById(R.id.recyclerView1);
        _button1 = findViewById(R.id.button1);
        _button2 = findViewById(R.id.button2);
        _button3 = findViewById(R.id.button3);
        _button4 = findViewById(R.id.button4);

        sample();
    }

    private void sample() {
        // 构造数据
        List<MyData> myDataList = MyData.generateDataList();
        // 实例化自定义的 RecyclerView.Adapter
        MyRecyclerViewAdapter adapter = new MyRecyclerViewAdapter(myDataList);
        // 设置 RecyclerView 的 RecyclerView.Adapter
        _recyclerView.setAdapter(adapter);

        _button1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                // 最经典的布局方式,线性垂直布局
                LinearLayoutManager linearLayoutManager = new LinearLayoutManager(RecyclerViewDemo1.this);
                _recyclerView.setLayoutManager(linearLayoutManager);
            }
        });

        _button2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                // LinearLayoutManager - 线性布局
                //   第 2 个参数 - 用于指定线性布局的方式,垂直或水平
                //   第 3 个参数 - 当需要显示更多数据时,需要滑动的方向
                //     false - 通过下滑或右滑来显示更多的数据
                //     true - 通过上滑或左滑来显示更多的数据
                LinearLayoutManager linearLayoutManager = new LinearLayoutManager(RecyclerViewDemo1.this, LinearLayoutManager.HORIZONTAL, false);
                _recyclerView.setLayoutManager(linearLayoutManager);
            }
        });

        _button3.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                // GridLayoutManager - 标准网格布局
                //   第 2 个参数 - 用于指定网格的行数或列数
                //   第 3 个参数 - 用于指定网格是垂直布局还是水平布局
                //   第 4 个参数 - 当需要显示更多数据时,需要滑动的方向
                //     false - 通过下滑或右滑来显示更多的数据
                //     true - 通过上滑或左滑来显示更多的数据
                GridLayoutManager gridLayoutManager = new GridLayoutManager(RecyclerViewDemo1.this, 3, LinearLayoutManager.VERTICAL, false);
                _recyclerView.setLayoutManager(gridLayoutManager);

                // 修改指定索引位置的 item 的网格占用个数
                gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
                    @Override
                    public int getSpanSize(int position) {
                        return 1;
                    }
                });
            }
        });

        _button4.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                // StaggeredGridLayoutManager - 错列网格布局
                //   第 1 个参数 - 用于指定网格的行数或列数
                //   第 2 个参数 - 用于指定网格是垂直布局还是水平布局
                //
                // 什么是错列网格布局呢?用下面这个例子说明
                // 这个例子是固定 3 列,垂直布局的,在这个前提下使用错列网格布局后,他的每个网格的宽度是一样的,但是高度可以不一样(当 wrap_content 时,其可以根据内容的多少来决定高度)
                StaggeredGridLayoutManager staggeredGridLayoutManager = new StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL);
                _recyclerView.setLayoutManager(staggeredGridLayoutManager);
            }
        });
    }
}

/layout/activity_view_recyclerview_recyclerviewdemo1.xml

<?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:orientation="vertical">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="线性垂直"/>

        <Button
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="线性水平"/>

        <Button
            android:id="@+id/button3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="标准网格"/>

        <Button
            android:id="@+id/button4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="错列网格"/>

    </LinearLayout>

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recyclerView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

项目地址 https://github.com/webabcd/AndroidDemo
作者 webabcd

posted @ 2021-06-02 08:26  webabcd  阅读(117)  评论(0编辑  收藏  举报