先看一下 运行效果:
从它类名上看,RecyclerView代表的意义是,我只管Recycler View,也就是说RecyclerView只管回收与复用View,其他的你可以自己去设置。可以看出其高度的解耦,给予你充分的定制自由(所以你才可以轻松的通过这个控件实现ListView,GirdView,瀑布流等效果)。
先看一下 RecyclerView的实现原理:
再来看一下对 RecyclerView 的item的分析:
首先为RecyclerView 搭建环境
如出现如下箭头则环境搭建成功:
activity_main.xml 代码:`
<android.support.v7.widget.RecyclerView
android:id="@+id/recycle_view"
android:layout_width="match_parent"
android:layout_height="match_parent">
</android.support.v7.widget.RecyclerView>
首先 先新建一个Menu 菜单:
具体步骤 Menu 菜单 博客
主要看一下 在MainActivity中的实现Menu 菜单
使用onCreateOptionsMenu(Menu menu)
方法加载 Menu的布局文件:
getMenuInflater().inflate(R.menu.menu_main,menu);
其方法返回一个布尔值:return true;
使用onOptionsItemSelected(MenuItem item)方法
实现菜单按钮点击事件 int itemId = item.getItemId();
ListView GridView StaggedGridView 都有相应的适配器
相应的布局管理器
这篇文章 先看看一下 ListView 显示
bean 类
public class DataBean {
public int icon;
public String name;
}
先看一下 MainActivity中的代码:
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
/*
* 下面代码和recyclerview没有关系,是菜单,方便使用RcyclerView各种效果的显示*/
//A.初始化控件对象
recyclerView = (RecyclerView) findViewById(R.id.recycler_view);
}
//A,recyclerview填充数据 参数加了一个值,方便控制条目的排列顺序
private void loadListData( Boolean inversion,Boolean oriention) {
//集合对象
ArrayList<DataBean> datas = new ArrayList<>();
//给bean类放数据,最好把装好数据的bean类放到集合里
for(int i=0;i<35;i++){
DataBean dataBean=new DataBean();
dataBean.icon=R.drawable.ren;
dataBean.name="picture"+i;
//bean类放入集合里
datas.add(dataBean);
}
//创建适配器所需参,创建Adapter类及对象(一般最低需要两个,上下文及加载数据集合)
RecyclerViewAdapter adapter=new RecyclerViewAdapter(this,datas);
//1.设置适配器
recyclerView.setAdapter(adapter);
//布局管理器所需参数,其参数上下文this.
//通过布局管理器 ,可以控制条目排列的顺序 true:反向显示, false:正常显示(默认)
LinearLayoutManager manager = new LinearLayoutManager(this);
manager.setReverseLayout(inversion);
manager.setOrientation(oriention ? LinearLayoutManager.VERTICAL : LinearLayoutManager.HORIZONTAL);
//设置布局管理器,参数manager
recyclerView.setLayoutManager(manager);
}
public boolean onCreateOptionsMenu(Menu menu) {
//加载布局,使用菜单
getMenuInflater().inflate(R.menu.menu_main,menu);
return true;
}
public boolean onOptionsItemSelected(MenuItem item) {
int itemId = item.getItemId();
if (itemId==R.id.action_list_normal){
//标准显示
loadListData(false,true);
Toast.makeText(MainActivity.this,"你好",Toast.LENGTH_SHORT).show();
return true;
}//list垂直反向显示
else if (itemId == R.id.action_list_vertical){
loadListData(true,true);
}//水平显示
else if(itemId == R.id.action_list_horiztal){
loadListData(false,false);
}//水平反向显示
else if(itemId == R.id.action_list_horiztalwest){
loadListData(true,false);
}
其 RecyclerViewAdapter中的代码:
//RecyclerView的适配器,注意指定泛型,一般我们就是类名的viewholder继承viewholder(内部已经实现了复用优化机制
public class RecyclerViewAdapter extends RecyclerView.Adapter <RecyclerViewAdapter.ListViewHolder>{
private ImageView imageView;
private Context context;
//泛型是RecyclerView所需的bean类
private List<DataBean> dataBeen;
//构造方法,一般需要接受两个参数,上下文,集合对象(包含了我们需要的数据)
public RecyclerViewAdapter(Context context, List<DataBean> dataBeen) {
this.context = context;
this.dataBeen = dataBeen;
}
//创建ViewHolder也就是创建出来一条item 并把ViewHolder(item)返回出去
@Override
public ListViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
//转换一个view布局对象,决定了item的样子 参数:1 上下文 2 xml布局文件
View itemview = View.inflate(context, R.layout.item_list, null);
//创建一个viewHolder对象
ListViewHolder listViewHolder = new ListViewHolder(itemview);
//把viewHolder对象传递出去
return listViewHolder;
}
//当ViewHolder和数据绑定时回调
@Override
public void onBindViewHolder(ListViewHolder holder, int position) {
//从集合里拿对应的item的数据对象
DataBean dataBean = dataBeen.get(position);
holder.setData(dataBean);
}
//决定RecyclerView 有多少条item
@Override
public int getItemCount() {
//数据不为null,有几条数据就显示几条数据
if(dataBeen !=null && dataBeen.size()>0){
return dataBeen.size();
}
return 0;
}
public class ListViewHolder extends RecyclerView.ViewHolder {
private final TextView textView;
public ListViewHolder(View itemView) {
super(itemView);
imageView = (ImageView) itemView.findViewById(R.id.item_iv_icon);
textView = (TextView) itemView.findViewById(R.id.tv_icon_list);
}
//ctrl+f 查询类的来源
public void setData(DataBean data) {
//给imageView设置图片资源
imageView.setImageResource(data.icon);
//给textView设置文本数据
textView.setText(data.name);
}
}
}
其对应的xml文件:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/item_iv_icon"
android:src="@drawable/ren"
android:layout_width="75dp"
android:layout_height="75dp" />
<TextView
android:id="@+id/tv_icon_list"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="20sp"
android:textStyle="bold"
android:text="图片描述"
android:layout_toRightOf="@+id/item_iv_icon"
android:layout_centerVertical="true" />
</RelativeLayout>