小白开发程序之路（2-11-1）初识RecyclerView

简述

***相当灵活，吊打ListView和GridView ***

1.在build.gradle导入包

在最后加上一句“implementation’android.recyclerview:1.1.0’” 注意视频中的compile是过时的用法，版本也过时了。可按Alt+Enter然后找一下版本（按Alter+Enter后可能需要等待一会儿才会跳出来）

然后就会自动添加这一行

再把原来那个删了就行
也可以跟天哥一样直接引入整个design库，
同样是Alt+Enter然后找一下

几个注意事项

1.新建activity时R可能会被标红，点R然后Alt+Enter 导入包即可
2.在activity_linear_recycle_view中使用RecyclerView时直接打RecyclerView然后根据系统提示补全就行，我的是：

3.天哥视频中的一些parent、itemView可能就是这个函数上面传进去的形参，因为版本问题，我们的形参名与天哥的可能不同，需要我们自己去看那个函数默认的形参名是什么，如：

代码

在Main界面加上button以及相应的跳转代码我就不贴了，和之前的都差不多

RecyclerViewActivity.java

这个其实和主界面差不多

package com.example.myapplication.recyclerview;

import androidx.appcompat.app.AppCompatActivity;

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

import com.example.myapplication.R;

public class RecyclerViewActivity extends AppCompatActivity {
    private Button mBtnLiner;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_recycler_view);
        mBtnLiner=findViewById(R.id.btn_linear);
        mBtnLiner.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent =new Intent(RecyclerViewActivity.this, LinearRecyclerViewActivity.class);
                startActivity(intent);

            }
        });
    }
}

activity_recycler_view.xml

<?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">
    <Button
        android:id="@+id/btn_linear"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="列表视图"/>

</LinearLayout>

LinearRecyclerViewActivity.java

package com.example.myapplication.recyclerview;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;

import android.graphics.Rect;
import android.os.Bundle;
import android.view.View;

import com.example.myapplication.R;

public class LinearRecyclerViewActivity extends AppCompatActivity {
    private RecyclerView mRvMain;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_linear_recycler_view);
        mRvMain=findViewById(R.id.rv_main);
        mRvMain.setLayoutManager(new LinearLayoutManager(LinearRecyclerViewActivity.this));
//        mRvMain.addItemDecoration(new DividerItemDecoration(LinearRecycleViewActivity.this,1));
//        上面这个方法是官方的下划线方法，为了演示，下面我们还是使用天哥讲的方法
        mRvMain.addItemDecoration(new MyDecoration());
        //ItemDecoration 中有三个方法：
        //onDraw: 在item被绘制之前绘制，相当于背景
        //onDrawover: 在iten被绘制之后绘制，相当于item是背景
        //getItemOffsets : 在item周边绘制
        mRvMain.setAdapter(new LinearAdapter(LinearRecyclerViewActivity.this));
    }
    class MyDecoration extends RecyclerView.ItemDecoration{
        @Override
        public void getItemOffsets(@NonNull Rect outRect, @NonNull View view, @NonNull RecyclerView parent, @NonNull RecyclerView.State state) {
            super.getItemOffsets(outRect, view, parent, state);
            outRect.set(0,0,0,getResources().getDimensionPixelOffset(R.dimen.dividerHeight));
            //这里的分割线是通过activity_Linear_recycler_view.xml和layout_linear_item.xml中的背景颜色不同以及之间的间隙显示出来的（相当于item间隔）
            //所以如果没有分割线效果就去检查一下这两个xml有没有设置背景颜色，注意要是不同颜色
        }
    }
}

activity_linear_recycler_view.xml

<?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"
tools:context=".recyclerview.LinearRecyclerViewActivity">
<androidx.recyclerview.widget.RecyclerView
    android:id="@+id/rv_main"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#5C5C5C"/>
</LinearLayout>

dimens.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <dimen name="dividerHeight">1dp</dimen>
</resources>

LinearAdapter.java

package com.example.myapplication.recyclerview;


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

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

import com.example.myapplication.R;

import java.util.List;

public class LinearAdapter extends RecyclerView.Adapter<LinearAdapter.LinearViewHolder> {
    private Context mcontext;
//    private List<String> list;
    public LinearAdapter(Context context){
        this.mcontext=context;
    }
    @NonNull
    @Override
    public LinearAdapter.LinearViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {

        return new LinearViewHolder(LayoutInflater.from(mcontext).inflate(R.layout.layout_linear_item,parent,false));
    }

    @Override
    public void onBindViewHolder(@NonNull LinearAdapter.LinearViewHolder holder, final int position) {
        holder.textView.setText("新的蕾姆已经出现");
        //加个点击事件
        holder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(mcontext,"点击"+position,Toast.LENGTH_SHORT).show();
            }
        });

    }

    @Override
    public int getItemCount() {
        return 30;
    }
    class LinearViewHolder extends ViewHolder{
        private TextView textView;
        public LinearViewHolder(@NonNull View itemView) {
            super(itemView);
            textView=itemView.findViewById(R.id.tv_title);
        }
    }
}

layout_linear_item.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="wrap_content"
    android:orientation="vertical">
    <TextView
        android:id="@+id/tv_title"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:gravity="center"
        android:textColor="#03A9F4"
        android:textSize="20sp"
        android:text="蕾姆"
        android:background="#FFFFFF"/>
<!--layout 宽度和高度那里不同的模式会有不同的效果，可以切换试试看-->

</LinearLayout>

效果

小感悟

1.RecyclerViewActivity相当于RecyclerView的目录，这次是其中的第一个LinearRecyclerViewActivity
2.LinearAdapter和之前的Adapter一样，是链接view和数据的桥梁，layout_linear_item就是通过Adapter一个个组装到LinearRecyclerViewActivity上的每一个组件的布局样式。