RecyclerView的简单使用笔记
本文共 19830 字，大约阅读时间需要 66 分钟。
笔记 来源阳光沙滩：拉大锯
关于适配器：
记几个不常用的方法解释，
RecyclerView.Adapter<RecyclerView.ViewHolder>
public int getItemViewType(int position)
这个方法是用来获取item控件的类型，根据position来找。比如一个列表，最后两个和第一个要显示一张大图，其他的内容正常显示，就可以根据这个position来返回一个int的类型的值，在渲染item的时候，根据类型来设置数据即可
数据更新时候调用的方法
//数据更新时候调用，全部更细 ondraw()notifyDataSetChanged();//还可以指定更新：public final void notifyItemChanged(int position)//还可以指定范围更新,从哪里开始到哪里结束，更新多少个itempublic final void notifyItemRangeChanged(int positionStart, int itemCount)
ListView效果:
item_list_view;
ListViewAdapter:
package com.example.recyleviewdemo.adapters;import android.view.View;import android.view.ViewGroup;import android.widget.ImageView;import android.widget.TextView;import androidx.annotation.NonNull;import androidx.recyclerview.widget.RecyclerView;import com.example.recyleviewdemo.R;import com.example.recyleviewdemo.beans.ItemBean;import java.util.List;public class ListViewAdapter extends RecyclerView.Adapter{ private final List mData; public ListViewAdapter(List mData) { this.mData = mData; } /** * 这个方法用于创建条目View * @param parent * @param viewType * @return */ @NonNull @Override public ListViewAdapter.InnerHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { //两个步骤 //1.拿到数据 2.创建InnerHolder View view = View.inflate(parent.getContext(), R.layout.item_list_view,null); InnerHolder innerHolder = new InnerHolder(view); return innerHolder; } /** * 这个方法用户绑定holder，一般用来设置数据 * @param holder * @param position */ @Override public void onBindViewHolder(@NonNull ListViewAdapter.InnerHolder holder, int position) { //绑定数据 ItemBean itemBean = mData.get(position); holder.setData(itemBean); } @Override public int getItemCount() { if(mData!=null){ return mData.size(); } return 0; } public class InnerHolder extends RecyclerView.ViewHolder { private ImageView icon; private TextView title; public InnerHolder(@NonNull View itemView) { super(itemView); //找到条目的控件 icon = itemView.findViewById(R.id.list_view_icon); title = itemView.findViewById(R.id.list_view_title); } /* * 设置数据 * */ public void setData(ItemBean itemBean){ icon.setImageResource(itemBean.icon); title.setText(itemBean.title); } }}
GridView效果：
item_grid_view.xml
package com.example.recyleviewdemo.adapters;import android.view.View;import android.view.ViewGroup;import android.widget.ImageView;import android.widget.TextView;import androidx.annotation.NonNull;import androidx.recyclerview.widget.RecyclerView;import com.example.recyleviewdemo.R;import com.example.recyleviewdemo.beans.ItemBean;import java.util.List;public class GridViewAdapter extends RecyclerView.Adapter{ private final List data; public GridViewAdapter( List data){ this.data = data; } @NonNull @Override public GridViewAdapter.InnerHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { View view = View.inflate(parent.getContext(), R.layout.item_grid_view,null); InnerHolder innerHolder = new InnerHolder(view); return innerHolder ; } @Override public void onBindViewHolder(@NonNull GridViewAdapter.InnerHolder holder, int position) { holder.setData(data.get(position)); } @Override public int getItemCount() { if (data!=null){ return data.size(); } return 0; } public class InnerHolder extends RecyclerView.ViewHolder { private ImageView icon; private TextView title; public InnerHolder(@NonNull View itemView) { super(itemView); icon = itemView.findViewById(R.id.grid_view_icon); title = itemView.findViewById(R.id.grid_view_title); } public void setData(ItemBean itemBean){ icon.setImageResource(itemBean.icon); title.setText(itemBean.title); } }}
menu.xml:
MainActivity:
package com.example.recyleviewdemo;import androidx.annotation.NonNull;import androidx.appcompat.app.AppCompatActivity;import androidx.recyclerview.widget.GridLayoutManager;import androidx.recyclerview.widget.LinearLayoutManager;import androidx.recyclerview.widget.RecyclerView;import android.os.Bundle;import android.view.ContextMenu;import android.view.Menu;import android.view.MenuItem;import android.view.View;import android.widget.RelativeLayout;import com.example.recyleviewdemo.adapters.GridViewAdapter;import com.example.recyleviewdemo.adapters.ListViewAdapter;import com.example.recyleviewdemo.beans.Datas;import com.example.recyleviewdemo.beans.ItemBean;import java.util.ArrayList;import java.util.List;/*关于RecyclerView的步骤：第一步：当有数据，可以从本地有，可以从网络来，可以采集得到，这种实际情况实际获取。第二步：找到控件，对吧！findViewById(xxxx),或者new出来，对于新手同学来说，这种方式使用得比较少。第三步：设置布局管理器这步很重要，如果你忘记了，将不显示内容，即使你适配器有给，你数据有给。第四步：创建适配器，把数据喂给适配器，适配器控制显示第五步：把适配器设置给控件。** */public class MainActivity extends AppCompatActivity { private static final String TAG="MainActivity"; private RecyclerView recyclerView; private List data; private BaseAdapter adapter; private SwipeRefreshLayout refreshLayout; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initView(); } private void initView(){ refreshLayout = findViewById(R.id.srl_swiperefresh); recyclerView = findViewById(R.id.recycler_view); //准备数据 现实开发数据有网络上获取 这里只是演示 模拟数据 initData(); //设置默认是listView的效果 showList(true,false); //下拉刷新 handlerDownPullUpdate(); } //下拉刷新 加一个控件 private void handlerDownPullUpdate() { refreshLayout.setColorSchemeResources(R.color.purple_500,R.color.teal_700,R.color.design_default_color_primary); refreshLayout.setEnabled(true); refreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() { @Override public void onRefresh() { //执行刷新数据操作 /* * 当我们在顶部，下拉的时候，这个方法就会被出发，但是， * 这个方法是MainThread主线程,不可以执行耗时操作 * 一般开另一个线程去拿 * */ ItemBean itemBean = new ItemBean(); itemBean.title="我是被新添加的数据"; itemBean.icon = R.mipmap.thumb25; data.add(0,itemBean); //更新UI new Handler().postDelayed(new Runnable() { @Override public void run() { adapter.notifyDataSetChanged(); refreshLayout.setRefreshing(false); } },2000); } }); } private void initListener() { adapter.setOnItemClickListener(new BaseAdapter.OnItemClickListener() { @Override public void onItemClick(int position) { //这里处理点击条目的点击事件 Toast.makeText(MainActivity.this,"我是第"+position+"个条目",Toast.LENGTH_SHORT).show(); } }); //处理上拉加载更多 instanceof主要作用就是来判断左边的对象是否是它右边对象的实例。” if(adapter instanceof ListViewAdapter){ ((ListViewAdapter)adapter).setOnRefreshListener(new ListViewAdapter.OnRefreshListener() { @Override public void onUpPullRefresh(final ListViewAdapter.LoaderMoreHolder loaderMoreHolder) { //更新UI new Handler().postDelayed(new Runnable() { @Override public void run() { //加载更多 Random random = new Random(); if(random.nextInt() %2 == 0){ ItemBean itemBean = new ItemBean(); itemBean.title="我是被新添加的数据"; itemBean.icon = R.mipmap.thumb25; data.add(itemBean); //1.停止刷新，2.更新列表 adapter.notifyDataSetChanged(); loaderMoreHolder.update(loaderMoreHolder.LOADSE_STATE_NORMAL); }else { loaderMoreHolder.update(loaderMoreHolder.LOADSE_STATE_RELOAD); } } },2000); } }); } } private void initData() { //数据对象集合 data = new ArrayList<>(); //建立模拟数据 for(int i = 0; i< Datas.icons.length; i++){ //创建数据对象 ItemBean itemBean = new ItemBean(); itemBean.icon=Datas.icons[i]; itemBean.title="我是第"+i+"个条目"; //添加入集合 data.add(itemBean); } } //复写选项菜单方法 @Override public boolean onCreateOptionsMenu(Menu menu) { //拿到布局文件 getMenuInflater().inflate(R.menu.menu,menu); return super.onCreateOptionsMenu(menu); } @Override public boolean onOptionsItemSelected(@NonNull MenuItem item) { int itemId = item.getItemId(); switch (itemId){ //listview case R.id.list_view_vertical_stander://垂直标准 showList(true,false); break; case R.id.list_view_vertical_reverse://垂直反向 showList(true,true); break; case R.id.list_view_horizontal_stander://水平标准 showList(false,false); break; case R.id.list_view_horizontal_reverse://水平反向标准 showList(false,true); break; //gridView case R.id.grid_view_vertical_stander://垂直标准 showGrid(true,false); break; case R.id.grid_view_vertical_reverse://垂直反向 showGrid(true,true); break; case R.id.grid_view_horizontal_stander://水平标准 showGrid(false,false); break; case R.id.grid_view_horizontal_reverse://水平反向标准 showGrid(false,true); break; //瀑布流 case R.id.stagger_view_vertical_stander://垂直标准 showStagger(true,false); break; case R.id.stagger_view_vertical_reverse://垂直反向 showStagger(true,true); break; case R.id.stagger_view_horizontal_stander://水平标准 showStagger(false,false); break; case R.id.stagger_view_horizontal_reverse://水平反向标准 showStagger(false,true); break; //多种条目类型 case R.id.more_type: // 跳到一个新的Activity里面去实现 Intent intent = new Intent(this,MoreTypeActivity.class); startActivity(intent); break; } return super.onOptionsItemSelected(item); } /** * 这个方法用于实现瀑布流一样的效果 */ private void showStagger(boolean isVertical,boolean isReverse) { //建立布局管理器 设置水平还是垂直 StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(2, isVertical?StaggeredGridLayoutManager.VERTICAL:StaggeredGridLayoutManager.HORIZONTAL); //设置方向是标准还是反向 layoutManager.setReverseLayout(isReverse); recyclerView.setLayoutManager(layoutManager); adapter = new StaggerAdapter(data); recyclerView.setAdapter(adapter); //初始化监听事件 initListener(); } /** * 这个方法用于实现GridView一样的效果 */ private void showGrid(boolean isVertical,boolean isReverse) { //建立布局管理器 第一个山下问 第二个参数是列数 GridLayoutManager layoutManager = new GridLayoutManager(this,3); //设置布局管理器来控制样式 //设置水平还是垂直 layoutManager.setOrientation(isVertical?GridLayoutManager.VERTICAL:GridLayoutManager.HORIZONTAL); //设置方向是标准还是反向 layoutManager.setReverseLayout(isReverse); recyclerView.setLayoutManager(layoutManager); adapter = new GridViewAdapter(data); recyclerView.setAdapter(adapter); //初始化监听事件 initListener(); } /** * 这个方法用于实现ListView一样的效果 recyclerView的item还有一些动画效果 自己可以去看API */ private void showList(boolean isVertical,boolean isReverse){ //设置布局管理器,设置样式 LinearLayoutManager layoutManager = new LinearLayoutManager(this); recyclerView.setLayoutManager(layoutManager); //设置布局管理器来控制样式 //设置水平还是垂直 layoutManager.setOrientation(isVertical?LinearLayoutManager.VERTICAL:LinearLayoutManager.HORIZONTAL); //设置方向是标准还是反向 layoutManager.setReverseLayout(isReverse); //创建适配器 adapter = new ListViewAdapter(data); recyclerView.setAdapter(adapter); //初始化监听事件 initListener(); }}: 实体类：
package com.example.recyleviewdemo.beans;//演示实体类 一般私有化属性 提供get ，set 方法 这里我们简化public class ItemBean { public int icon; public String title;} BaseAdapter：
package com.example.recyleviewdemo.adapters;import android.view.View;import android.view.ViewGroup;import android.widget.AdapterView;import android.widget.ImageView;import android.widget.TextView;import androidx.annotation.NonNull;import androidx.recyclerview.widget.RecyclerView;import com.example.recyleviewdemo.R;import com.example.recyleviewdemo.beans.ItemBean;import java.util.List;public abstract class BaseAdapter extends RecyclerView.Adapter{ protected final List mData; private OnItemClickListener mOnItemClickListener; public BaseAdapter(List mData) { this.mData = mData; } @NonNull @Override public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { View view = getSubView(parent,viewType); return new InnerHolder(view); } protected abstract View getSubView(ViewGroup parent,int viewType); /** * 绑定holder 设置数据 * @param holder * @param position */ @Override public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) { ((InnerHolder) holder).setData(mData.get(position),position); } /** * 返回条目个数 * @return */ @Override public int getItemCount() { if(mData!=null){ return mData.size(); } return 0; } public void setOnItemClickListener(OnItemClickListener listener){ //设置一个监听，其实就是要设置一个接口，一个回调的接口 this.mOnItemClickListener = listener; }; /* * 编写回调的步骤 * 1.创建这个接口 * 2.定义接口内部的方法 * 3.内部提供设置接口的方法（其实是外部实现） * 4.接口方法的调用 * */ public interface OnItemClickListener{ // void onItemClick(AdapterView parent, View view, int position, long id); void onItemClick(int position); } public class InnerHolder extends RecyclerView.ViewHolder{ private ImageView icon; private TextView title; private int mPosition; public InnerHolder(@NonNull View itemView) { super(itemView); //找到条目的控件 icon = itemView.findViewById(R.id.icon); title = itemView.findViewById(R.id.title); itemView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { if(mOnItemClickListener!=null){ mOnItemClickListener.onItemClick(mPosition); } } }); } /* * 设置数据 * */ public void setData(ItemBean itemBean,int position){ this.mPosition = position; icon.setImageResource(itemBean.icon); title.setText(itemBean.title); } }}
多种条目：
MoreTypeActivity：
public class MoreTypeActivity extends AppCompatActivity { private RecyclerView recyclerView; private List data; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_more_type); recyclerView = findViewById(R.id.more_type_list); //加载数据 initData(); //布局管理器 LinearLayoutManager layoutManager = new LinearLayoutManager(this); recyclerView.setLayoutManager(layoutManager); MoreTypeAdapter adapter = new MoreTypeAdapter(data); recyclerView.setAdapter(adapter); } private void initData() { //数据对象集合 data = new ArrayList<>(); //随机数 Random random = new Random(); //建立模拟数据 for(int i = 0; i< Datas.icons.length; i++){ //创建数据对象 MoreTypeBean moreTypeBean = new MoreTypeBean(); moreTypeBean.pic=Datas.icons[i]; moreTypeBean.type=random.nextInt(3); //添加入集合 data.add(moreTypeBean); } }} MoreTypeAdapter:
public class MoreTypeAdapter extends RecyclerView.Adapter { //定义三个标识 因为有三种类型的itemView public static final int TYPE_FULL_IMAGE = 0; public static final int TYPE_LEFT_IMAGE = 1; public static final int TYPE_THREE_IMAGE = 2; private final List data; public MoreTypeAdapter(List list) { this.data = list; } @NonNull @Override public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { View view; //TOOD:根据类型，返回对应界面 if(viewType == TYPE_FULL_IMAGE){ view = View.inflate(parent.getContext(), R.layout.item_type_full_image,null); return new FullImageHolder(view); }else if(viewType == TYPE_LEFT_IMAGE){ view = View.inflate(parent.getContext(), R.layout.item_type_left,null); return new LeftImageHolder(view); }else { view = View.inflate(parent.getContext(), R.layout.item_type_three,null); return new ThreeImageHolder(view); } } @Override public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) { //不要设置数据了 } @Override public int getItemCount() { if(data !=null){ return data.size(); } return 0; } //复写一个方法，根据条目来返回类型 @Override public int getItemViewType(int position) { MoreTypeBean moreTypeBean = data.get(position); if(moreTypeBean.type == 0){ return TYPE_FULL_IMAGE; }else if(moreTypeBean.type == 1){ return TYPE_LEFT_IMAGE; }else { return TYPE_THREE_IMAGE; } } private class FullImageHolder extends RecyclerView.ViewHolder{ public FullImageHolder(@NonNull View itemView) { super(itemView); } } private class LeftImageHolder extends RecyclerView.ViewHolder{ public LeftImageHolder(@NonNull View itemView) { super(itemView); } } private class ThreeImageHolder extends RecyclerView.ViewHolder{ public ThreeImageHolder(@NonNull View itemView) { super(itemView); } }} 转载地址：http://khrii.baihongyu.com/
你可能感兴趣的文章
9-26 复习数据类型
查看>>
拼接数组
查看>>
c# Winform dev控件之ChartControl
查看>>
ajax 简单操作
查看>>
Docker bridge-utils 工具简单部署
查看>>
Nginx 配置文件重写
查看>>
查询timestamp类型数据
查看>>
【转】没事别想不开去创业公司，创业时常是一个人的夜路，胆小者勿入。
查看>>
android UI进阶之布局的优化（二）
查看>>
codeforces C. Cows and Sequence 解题报告
查看>>
模拟订票系统学习多线程
查看>>
java 面向对象 — 多态
查看>>
jmeter生成html报告
查看>>
编程命名规范化
查看>>
HTTP请求方法
查看>>
c语言中的转义字符
查看>>
(转)socket Aio demo
查看>>
socket简单理解
查看>>
linux 下 eclipse 开发环境的搭建
查看>>
基于TFTP协议的远程升级设计
查看>>