RecycleView入门详解(教你全面掌握RecycleView用法)
RecycleView小白入门详解(教你全面掌握其用法)
- RecycleView概念
- 效果展示
- RecycleView实战
- (1)对于RecycleView而言,第一步我们需要导入RecycleView的依赖
- (2)当我们下载完RecycleView之后,我们就可以在我们的布局文件中使用其布局了,如图所示
- (3)在我们的java代码中获取到上述recycleView控件,并为这个recycleView控件设置线性布局方式展示。
- (4)为recycleView设置适配器
- (5)上述的HorAdapter我们并没有设置,因此,这一步我们就需要定义一定
- (6)创建每一项数据的布局hor_item(这里的布局仅仅只有一个TextView)
- (7)重写Adapter的父类方法:
- (8)最后我们就可以为HorRecycleActivity中的RecyclerView设置适配器了
- 代码参考地址
- 后续
- 技术聊
RecycleView概念
RecyclerView是Android 5.0提出的新UI控件,位于support-v7包中,向下兼容到android 3.0版本,在很多列表场景中能替代ListView和GridView。
RecycleView能够灵活实现大数据的展示,视图的复用管理比ListView更好,能够显示列表,网格,瀑布等形式,且不同的ViewHolder能够实现item多元化的功能
效果展示
RecycleView实战
(1)对于RecycleView而言,第一步我们需要导入RecycleView的依赖
implementation 'androidx.recyclerview:recyclerview:1.1.0'
当然,我们也可以去xml中下载RecycleView,如图所示,点击一下RecycleView即可自动下载。
(2)当我们下载完RecycleView之后,我们就可以在我们的布局文件中使用其布局了,如图所示
代码如下:
<?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" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".HorRecycleActivity"> <androidx.recyclerview.widget.RecyclerView
android:id="@+id/hor_recycle" android:layout_width="match_parent" android:layout_height="match_parent"></androidx.recyclerview.widget.RecyclerView> </LinearLayout>
(3)在我们的java代码中获取到上述recycleView控件,并为这个recycleView控件设置线性布局方式展示。
//获取RecyclerView控件 hor_recycle=findViewById(R.id.hor_recycle); //为线性布局 hor_recycle.setLayoutManager(new LinearLayoutManager(HorRecycleActivity.this));
(4)为recycleView设置适配器
//为其设置适配器 hor_recycle.setAdapter(new HorAdapter(HorRecycleActivity.this));
(5)上述的HorAdapter我们并没有设置,因此,这一步我们就需要定义一定
HorAdapter的类,并且让其继承RecyclerView.Adapter,具体操作如下
当我们创建完之后,我们看到的应为这样
public class HorAdapter extends RecyclerView.Adapter { @NonNull @Override public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { return null; } @Override public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) { } @Override public int getItemCount() { return 0; } }
那么重要的一步来了
我们把鼠标放在Adapter上面并ctrl+鼠标左击,进入Adapter源码。
进入以后我们看到源码中Adapter使用了泛型
Adapter< extends ViewHolder>
因此,我们需要在我们刚刚写的HorAdapter类中也要让其有泛型ViewHolder
,这里我们采用一个内部类MyViewHolder来继承ViewHolder
不用过于担心你还不会写,后面我会把完整的代码放到文章末尾
//需要定义一个内部类继承ViewHolder class MyViewHolder extends RecyclerView.ViewHolder { private TextView textView; public MyViewHolder(@NonNull View itemView) { super(itemView); //注意这里是通过itemView来找,而不是R,因为我们的textView是在itemView里面的 textView=itemView.findViewById(R.id.textView); } }
我们先不要管MyViewHolder构造方法里面的textview是什么,后面我们在介绍。
当我们写完MyViewHolder之后,我们就可以在HorAdapter类添加一个泛型了
public class HorAdapter extends RecyclerView.Adapter<HorAdapter.MyViewHolder>
同时我们可以看到MyViewHolder继承RecyclerView.Adapter的三个方法中,有两个地方是ViewHolder,我们需要将箭头部分的ViewHolder改成我们刚刚写的内部类MyViewHolder(如果你不懂原理,那么以后你写RecycleView就照着这种方式写就行了)
改完之后应该这样
public class HorAdapter extends RecyclerView.Adapter<HorAdapter.MyViewHolder> { @NonNull @Override public HorAdapter.MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { return null; } //展示数据 @Override public void onBindViewHolder(@NonNull HorAdapter.MyViewHolder holder, int position) { } @Override public int getItemCount() { //需要展示的个数 return 0; } //需要定义一个内部类继承ViewHolder class MyViewHolder extends RecyclerView.ViewHolder { private TextView textView; public MyViewHolder(@NonNull View itemView) { super(itemView); //注意这里是通过itemView来找,而不是R,因为我们的textView是在itemView里面的 textView=itemView.findViewById(R.id.textView); } } }
ok,在前面我们说到MyViewHolder里面还有哥textView,那么这个是从哪里来的呢?我们知道RecycleView是用来展示数据的,那么每一个数据是不是应该都有一个布局,然后RecycleView最后汇总每一个布局让其展示在一个界面上呢?因此我们需要创建一个单独的布局来展示数据
(6)创建每一项数据的布局hor_item(这里的布局仅仅只有一个TextView)
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView
android:id="@+id/textView" android:layout_width="439dp" android:layout_height="match_parent" android:background="#CCC5C5" android:gravity="center" android:text="TextView" android:textSize="20sp" /> </LinearLayout>
好了这样我们就可以解释MyViewHolder 里面的textview了,这里我们通过
itemView.findViewById(R.id.textView);去寻找到hor_item中的控件,为后面给控件添加值做准备。
//需要定义一个内部类继承ViewHolder class MyViewHolder extends RecyclerView.ViewHolder { private TextView textView; public MyViewHolder(@NonNull View itemView) { super(itemView); //注意这里是通过itemView来找,而不是R,因为我们的textView是在itemView里面的 textView=itemView.findViewById(R.id.textView); } } }
(7)重写Adapter的父类方法:
public class HorAdapter extends RecyclerView.Adapter<HorAdapter.MyViewHolder> { private Context mcontext; //1.构造方法 public HorAdapter( Context context) { this.mcontext=context; } @NonNull @Override public HorAdapter.MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { //传入一个item布局 return new MyViewHolder(LayoutInflater.from(mcontext).inflate(R.layout.hor_item,parent,false)); } //展示数据 @Override public void onBindViewHolder(@NonNull HorAdapter.MyViewHolder holder, int position) { holder.textView.setText("Hello ,Android"); } @Override public int getItemCount() { //需要展示的个数 return 30; } //需要定义一个内部类继承ViewHolder class MyViewHolder extends RecyclerView.ViewHolder { private TextView textView; public MyViewHolder(@NonNull View itemView) { super(itemView); //注意这里是通过itemView来找,而不是R,因为我们的textView是在itemView里面的 textView=itemView.findViewById(R.id.textView); } } }
这里我给出了HorAdapter的完整代码
1.通过构造方法,获取到上下文
2.在我们的onCreateViewHolder方法中new MyViewHolder(LayoutInflater.from(mcontext).inflate(R.layout.hor_item,parent,false));
其中(R.layout.hor_item为每一项数据的布局。
3.在onBindViewHolder方法中为item中的控件设置值holder.textView.setText("Hello ,Android");
4.在 getItemCount方法中设置你需要展示多少个item。
到此我们的适配器类就结束了
(8)最后我们就可以为HorRecycleActivity中的RecyclerView设置适配器了
hor_recycle.setAdapter(new HorAdapter(HorRecycleActivity.this));
代码参考地址
本文地址:https://blog.csdn.net/qq_45353823/article/details/107723612