Android中RecyclerView的使用

目录

一、添加依赖

二、基本使用

1.布局文件

2.Activity

3.适配器

4.子布局

三、实现效果

---

一、添加依赖

dependencies {
    implementation 'com.android.support:recyclerview-v7:28.1.1'

二、基本使用

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"
    tools:context=".MainActivity">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/rv"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:scrollbars="none" />
    <HorizontalScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="none">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:gravity="center_vertical">
            <Button
                android:onClick="btn1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="竖向列表"/>
            <Button
                android:onClick="btn2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="横向列表"/>
            <Button
                android:onClick="btn3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="竖向网格列表"/>
            <Button
                android:onClick="btn4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="横向网格列表"/>
            <Button
                android:onClick="btn5"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="添加竖向分割线"/>
            <Button
                android:onClick="btn6"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="添加横向分割线"/>
            <Button
                android:onClick="btn7"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="添加横竖向分割线"/>
            <Button
                android:onClick="btn8"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="添加一项"/>
            <Button
                android:onClick="btn9"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="删除一项"/>
            <Button
                android:onClick="btn10"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="网格瀑布流"/>
        </LinearLayout>
    </HorizontalScrollView>
</LinearLayout>

2.Activity

package com.example.administrator.myrecyclerviewapp;
import android.os.Bundle;
import android.view.View;
import java.util.ArrayList;
import java.util.List;
import java.util.Random;
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.DefaultItemAnimator;
import androidx.recyclerview.widget.DividerItemDecoration;
import androidx.recyclerview.widget.GridLayoutManager;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import androidx.recyclerview.widget.StaggeredGridLayoutManager;

public class MainActivity extends AppCompatActivity {
    private RecyclerView rv;
    private List<Integer> oList = new ArrayList<>();
    private MyAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        rv = findViewById(R.id.rv);
        for (int i = 0; i < 100; i++) {
            oList.add(new Random().nextInt(10000));
        }
        //设置列表显示方式
        rv.setLayoutManager(new LinearLayoutManager
                (this,
                        LinearLayoutManager.VERTICAL,
                        false));
        adapter = new MyAdapter(this, oList,0);
        rv.setAdapter(adapter);
    }

    public void btn1(View view) {
        rv.setLayoutManager(new LinearLayoutManager
                (this,
                        LinearLayoutManager.VERTICAL,
                        false));
    }

    public void btn2(View view) {
        rv.setLayoutManager(new LinearLayoutManager
                (this,
                        LinearLayoutManager.HORIZONTAL,
                        false));
    }

    public void btn3(View view) {
        rv.setLayoutManager(new GridLayoutManager(this,
                3, GridLayoutManager.VERTICAL, false));
    }

    public void btn4(View view) {
        rv.setLayoutManager(new GridLayoutManager(this,
                3, GridLayoutManager.HORIZONTAL, false));
    }

    public void btn5(View view) {
        rv.addItemDecoration(new DividerItemDecoration
                (this, DividerItemDecoration.VERTICAL));
    }

    public void btn6(View view) {
        rv.addItemDecoration(new DividerItemDecoration
                (this, DividerItemDecoration.HORIZONTAL));
    }

    public void btn7(View view) {
        rv.addItemDecoration(new DividerItemDecoration
                (this, DividerItemDecoration.VERTICAL));
        rv.addItemDecoration(new DividerItemDecoration
                (this, DividerItemDecoration.HORIZONTAL));
    }

    public void btn8(View view) {
        rv.setItemAnimator(new DefaultItemAnimator());
        adapter.addItem(1, new Random().nextInt(10000));
    }

    public void btn9(View view) {
        rv.setItemAnimator(new DefaultItemAnimator());
        adapter.removeItem(1);

    }

    public void btn10(View view) {
        rv.setLayoutManager(new StaggeredGridLayoutManager(3,StaggeredGridLayoutManager.VERTICAL));
        adapter = new MyAdapter(this, oList,1);
        rv.setAdapter(adapter);
    }
}

3.适配器

package com.example.administrator.myrecyclerviewapp;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.List;
import java.util.Random;

import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {
    private Context context;
    private List<Integer> oList;
    private LayoutInflater inflater;
    private int type;


    public MyAdapter(Context context, List<Integer> oList, int type) {
        this.context = context;
        this.oList = oList;
        this.inflater = LayoutInflater.from(context);
        this.type = type;
        if (type == 1) {
            randomHeight();
        }
    }

    public void addItem(int position, int value) {
        oList.add(position, value);
        notifyItemInserted(position);
    }

    public void removeItem(int position) {
        oList.remove(position);
        notifyItemRemoved(position);
    }

    private List<Integer> heights = new ArrayList<>();

    public void randomHeight() {
        for (int i = 0; i < oList.size(); i++) {
            heights.add(80 + new Random().nextInt(200));
        }
    }

    @NonNull
    @Override
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = inflater.inflate(R.layout.card_item, parent, false);
        return new ViewHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
        if (type == 1) {
            ViewGroup.LayoutParams params = holder.tv.getLayoutParams();
            params.height = heights.get(position);
            holder.tv.setLayoutParams(params);
        }
        holder.tv.setText(oList.get(position) + "");
    }

    @Override
    public int getItemCount() {
        return oList.size();
    }

    class ViewHolder extends RecyclerView.ViewHolder {
        private TextView tv;

        public ViewHolder(@NonNull View itemView) {
            super(itemView);
            tv = itemView.findViewById(R.id.tv);
        }
    }
}

4.子布局

、

<?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"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="10dp"
    android:orientation="vertical">

    <androidx.cardview.widget.CardView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:cardBackgroundColor="#00aaff"
        app:cardCornerRadius="10dp"
        app:cardElevation="16dp">

        <TextView
            android:id="@+id/tv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:padding="10dp"
            android:text="sguifhsdi"
            android:textColor="#ffffff"
            android:textSize="24sp"
            android:textStyle="bold" />
    </androidx.cardview.widget.CardView>
</LinearLayout>

-------适配器里面的子布局

三、实现效果