RecyclerView特点:
1.RecylerView封装了viewholder的回收复用,也就是说RecylerView标准化了ViewHolder,编写Adapter面向的是ViewHolder而不再是View了,复用的逻辑被封装了。Adapter的写法区别于ListView。
2.控制横向或者纵向滑动列表效果可以通过LinearLayoutManager这个类来进行控制(表格效果对应的是GridLayoutManager,瀑布流效果对应的是StaggeredGridLayoutManager)。
RecyclerView步骤:
1.使用RecylerView必须导入support-v7包,所以先添加依赖
2.在布局文件中添加一个recyclerview
3.再创建一个布局文件,给每一个Item进行布局
4.声明RecyclerView和List属性,并与布局文件中的控件进行绑定
5.设置布局管理器
这里以线性管理器为例
recyclerView = (RecyclerView) findViewById(R.id.recyclerView);
LinearLayoutManager layoutManager = new LinearLayoutManager(this );
//设置布局管理器
recyclerView.setLayoutManager(layoutManager);
//设置为垂直布局,这也是默认的
layoutManager.setOrientation(OrientationHelper. VERTICAL);
//设置Adapter
recyclerView.setAdapter( MyAdapter);
//设置分隔线
recyclerView.addItemDecoration( new DividerGridItemDecoration(this ));
6.然后就是写Adapter了
RecyclerView的Adapter与ListView的Adapter还是有区别的,继承RecyclerView.Adapter,需要实现3个方法:
①onCreateViewHolder()
这个方法主要生成为每个Item inflater出一个View,但是该方法返回的是一个ViewHolder。该方法把View直接封装在ViewHolder中,然后我们面向的是ViewHolder这个实例,当然这个ViewHolder需要我们自己去编写。直接省去了之前的的convertView.setTag(holder)和convertView.getTag()这些繁琐的步骤。
②onBindViewHolder()
这个方法主要用于适配渲染数据到View中。方法提供给你了一个viewHolder,而不是原来的convertView。
③getItemCount()
这个方法就类似于BaseAdapter的getCount方法了,即总共有多少个条目。
7.Adapter写完后,需要在Adapter里面加一个ViewHolder的内部类,继承自RecyclerView.ViewHolder
8.绑定适配器
9.创造数据部分(需要写在创建Adapter代码的前面)
练习代码部分
public class MainActivity extends AppCompatActivity {
// recyclerView使用步骤
// 1.添加依赖,file--project structure--app---dependencies
// 2.在布局文件中添加一个recycleview
// 3.创建一个布局文件,用于给每一个Item布局
// 4.声明属性,并与布局文件中的控件进行绑定
// 5.设置一个布局管理器
// 声明recyclerview对象
private RecyclerView recyclerView;
// 声明一个数据集合
private List<Map<String,Object>> mList;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
recyclerView = (RecyclerView) findViewById(R.id.recycleview);
// 5. 设置一个布局管理器
// 线性布局管理器
// recyclerView.setLayoutManager(new LinearLayoutManager(this));
// 表格布局管理器
// recyclerView.setLayoutManager(new GridLayoutManager(this,2));
// 瀑布流布局管理器
recyclerView.setLayoutManager(new StaggeredGridLayoutManager(3,StaggeredGridLayoutManager.VERTICAL));
// 9.产生数据,在适配器代码前面
createData();
// 6.创建适配器
MyAdapter adapter = new MyAdapter();
// 8.绑定适配器
recyclerView.setAdapter(adapter);
}
private void createData(){
int[] a = {R.drawable.d1,R.drawable.d2,R.drawable.d3,R.drawable.d4,R.drawable.d5,R.drawable.d6,R.drawable.d7,R.drawable.d8,R.drawable.d9,R.drawable.d10,R.drawable.d11,R.drawable.d12,R.drawable.d13,R.drawable.d14,R.drawable.d15,R.drawable.d16,R.drawable.c17,R.drawable.d18,R.drawable.c19,R.drawable.c20};
mList = new ArrayList<>();
for (int i =0;i<20;i++){
Map map = new HashMap();
map.put("image",a[i]);
// map.put("text","乌贼"+i);
mList.add(map);
}
}
// 6.创建适配器
class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder>{
// 当需要拿到viewholder的时候就会调用,返回值与之前给的泛型相同,在加载不同类型的布局的时候,
// 可以根据ViewType来创建不同的ViewHolder
// ViewType是Item的布局类型
@Override
public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
// 这里拿到布局文件
// View view = LayoutInflater.from(MainActivity.this).inflate(R.layout.list_item,null);
View view = LayoutInflater.from(MainActivity.this).inflate(R.layout.simplelayout,null);
// 根据布局文件创建一个ViewHolder
MyViewHolder viewholder = new MyViewHolder(view);
return viewholder;
}
// 当内容和布局进行绑定的时候,回调这个方法
// 每当有新数据进入屏幕的时候,也会回调这个方法
// 参数holder和ViewHolder类型与泛型所规定的类型相同,参数position代表的是该item的位置
// 可以通过position来获取对应的数据
@Override
public void onBindViewHolder(MyViewHolder holder, int position) {
// 从数据列表中获取到数据
// String text = mList.get(position).get("text").toString();
int img = (int) mList.get(position).get("image");
// 将数据设置到界面上
// holder.textview.setText(text);
holder.imageView.setImageResource(img);
}
// 返回数据的个数
@Override
public int getItemCount() {
return mList.size();
}
// 7.创建ViewHolder
class MyViewHolder extends RecyclerView.ViewHolder{
// TextView textview;
ImageView imageView;
public MyViewHolder(View itemView) {
super(itemView);
// 进行控件关联
// textview = (TextView) itemView.findViewById(R.id.textview);
imageView = (ImageView) itemView.findViewById(R.id.imageview2);
}
}
}
}