RecyclerView的使用(二)
上篇博客讲了如何导入RecyclerView 。
本章将告诉小伙伴们怎么使用RecyclerView :
第一步:在布局中使用RecyclerView并且绑定控件;
第二步:自定义Adapter;(继承自RecyclerView.Adapter)
第三步:使用LinerLayoutManager控制显示样式;
(二、三顺序可调)
第一步:
在布局中使用:
<android.support.v7.widget.RecyclerView android:id="@+id/recycleview" android:layout_width="match_parent" android:layout_height="match_parent"> </android.support.v7.widget.RecyclerView>
控件的绑定很简单就不说了。
下面要编写需要展示的item的样式,为了简单我们就显示一个TextView,别的内容大家可以自己定制:
<?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="70dp" android:background="#ff00ff" android:layout_margin="2dp" android:orientation="vertical"> <TextView android:id="@+id/recycle_tv" android:textSize="20dp" android:gravity="center" android:layout_width="72dp" android:layout_height="match_parent" /> </LinearLayout>
布局的内容很也简单,唯一需要注意的是因为是为item布局所以高度千万不能设置成match_parent,一定要固定一个高度。
创建一些文字内容填充item(模拟从网络取来的数据)
private void initdata() { mData = new ArrayList<String>(); for (int i = 0; i < 43; i++) { mData.add("item" + i); Log.i(TAG, "initdata: item" + i); } }
mData是数据源(在前面定义过了)。
绑定控件并控制RecyclerView的显示效果:
private void initview() { mRecycleView = (RecyclerView) findViewById(R.id.recycleview); myAdapter = new MyAdapter(this, mData); mRecycleView.setAdapter(myAdapter);//设置适配器 //设置布局管理器 , 将布局设置成纵向 LinearLayoutManager linerLayoutManager = new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false); mRecycleView.setLayoutManager(linerLayoutManager); //设置分隔线 //mRecycleView.addItemDecoration(new DividerItemDecoration(this , DividerItemDecoration.VERTICAL_LIST)); //设置增加或删除条目动画 mRecycleView.setItemAnimator(new DefaultItemAnimator()); }
细心的你一定发现了
MyAdapter这个方法根本没定义,没错这个就是我们需要自定义的适配器。
mRecycleView.setLayoutManager()
这个方法用来控制RecyclerView显示的样式,参数就是可选的样式:
参数是:
new GridLayoutManager(this, 3)
显示成一个拥有三列的GridView(效果还不赖是吧 ;-) )
参数是:
new LinearLayoutManager(this)
显示成一个垂直列表(ListView样式)
参数是:
new StaggeredGridLayoutManager(5, StaggeredGridLayoutManager.HORIZONTAL)
横向显示((⊙o⊙)… 跟我想的有点不一样,应该是哪里出问题了。。。)
Adapter的编写:
package com.guwei.a02recycleview; import android.content.Context; import android.support.v7.widget.RecyclerView; import android.util.Log; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.TextView; import java.util.List; /** * Created by guwei on 16-7-28. */ public class MyAdapter extends RecyclerView.Adapter<MyViewHolder>{ private LayoutInflater inflater; private Context mContext; private List<String> mDatas; //创建构造参数 public MyAdapter(Context context , List<String> datas){ this.mContext = context; this.mDatas = datas; inflater = LayoutInflater.from(context); } //创建ViewHolder @Override public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { View view = inflater.inflate(R.layout.recycleview_item , parent , false); MyViewHolder viewHolder = new MyViewHolder(view); return viewHolder; } //绑定ViewHolder @Override public void onBindViewHolder(MyViewHolder holder, int position) { //为textview 赋值 holder.tv.setText(mDatas.get(position)); } @Override public int getItemCount() { //Log.i("TAG", "mDatas "+mDatas); return mDatas.size(); } //新增item public void addData(int pos){ mDatas.add("新增"); notifyItemInserted(pos); } //移除item public void deleateData(int pos){ mDatas.remove(pos); notifyItemRemoved(pos); } } class MyViewHolder extends RecyclerView.ViewHolder{ TextView tv; public MyViewHolder(View itemView) { super(itemView); tv = (TextView) itemView.findViewById(R.id.recycle_tv); tv.setTextSize(20); } }
Adapter的编写主要是要继承自 RecyclerView.Adapter<holder>
看到啦?原来继承BaseAdapter的时候还是建议使用ViewHolder的方法的。现在已经直接集成在RecyclerView.Adapter<holder>中了强制使用(这也是为你好!因为这样更省资源,不需要每次都使用find方法。这个不是本次重点)。
然后重写三个方法:
- onCreateViewHolder() //创建ViewHolder 该方法下指定我们自己定义的item 并绑定
- onBindViewHolder() //绑定ViewHolder 该方法为绑定的自定义的item中的组件进行设置(比如我们例子中的TextView , 使用set方法设置显示的内容)
- getItemCount() //返回数据的大小
//创建ViewHolder @Override public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { View view = inflater.inflate(R.layout.recycleview_item , parent , false); MyViewHolder viewHolder = new MyViewHolder(view); return viewHolder; } //绑定ViewHolder @Override public void onBindViewHolder(MyViewHolder holder, int position) { //为textview 赋值 holder.tv.setText(mDatas.get(position)); } @Override public int getItemCount() { //Log.i("TAG", "mDatas "+mDatas); return mDatas.size(); }
前面说了ViewHolder是强制使用的,用法跟原来一样:
class MyViewHolder extends RecyclerView.ViewHolder{ TextView tv; public MyViewHolder(View itemView) { super(itemView); tv = (TextView) itemView.findViewById(R.id.recycle_tv); tv.setTextSize(20); } }
RecyclerView还提供了一个删除item的动画,我们可以在adapter中实现该方法供调用:
//新增item public void addData(int pos){ mDatas.add("新增"); notifyItemInserted(pos); } //移除item public void deleateData(int pos){ mDatas.remove(pos); notifyItemRemoved(pos); }
调用的方法:
移除:
myAdapter.deleateData(1);
新增:
myAdapter.addData(1);
参数为postion
MainActivity.java :
package com.guwei.a02recycleview; import android.os.Bundle; import android.support.design.widget.FloatingActionButton; import android.support.design.widget.Snackbar; import android.support.v7.app.AppCompatActivity; import android.support.v7.widget.DefaultItemAnimator; import android.support.v7.widget.GridLayoutManager; import android.support.v7.widget.LinearLayoutManager; import android.support.v7.widget.RecyclerView; import android.support.v7.widget.StaggeredGridLayoutManager; import android.support.v7.widget.Toolbar; import android.util.Log; import android.view.View; import android.view.Menu; import android.view.MenuItem; import java.util.ArrayList; import java.util.List; public class MainActivity extends AppCompatActivity { public String TAG = "RECYCLE"; private RecyclerView mRecycleView; private List<String> mData; private MyAdapter myAdapter; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initdata(); initview(); toolbar(); } private void initdata() { mData = new ArrayList<String>(); for (int i = 0; i < 43; i++) { mData.add("item" + i); Log.i(TAG, "initdata: item" + i); } } private void initview() { mRecycleView = (RecyclerView) findViewById(R.id.recycleview); myAdapter = new MyAdapter(this, mData); mRecycleView.setAdapter(myAdapter);//设置适配器 //设置布局管理器 , 将布局设置成纵向 LinearLayoutManager linerLayoutManager = new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false); mRecycleView.setLayoutManager(linerLayoutManager); //设置分隔线 //mRecycleView.addItemDecoration(new DividerItemDecoration(this , DividerItemDecoration.VERTICAL_LIST)); //设置增加或删除条目动画 mRecycleView.setItemAnimator(new DefaultItemAnimator()); } private void toolbar() { Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(toolbar); FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab); fab.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { myAdapter.addData(1); } }); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.menu_main, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { // Handle action bar item clicks here. The action bar will // automatically handle clicks on the Home/Up button, so long // as you specify a parent activity in AndroidManifest.xml. int id = item.getItemId(); switch (id) { case R.id.action_gridview: /** * GridLayoutManager(xx1 , xx2); * 参数1: content * 参数2: 列数 * **/ mRecycleView.setLayoutManager(new GridLayoutManager(this, 3)); break; case R.id.action_listview: /** * 默认样式 * * 垂直列表 * **/ mRecycleView.setLayoutManager(new LinearLayoutManager(this)); break; /** *水平显示 * * 参数1:列数 * 参数2:水平显示 * **/ case R.id.action_settings: mRecycleView.setLayoutManager(new StaggeredGridLayoutManager(5, StaggeredGridLayoutManager.HORIZONTAL)); break; } return super.onOptionsItemSelected(item); } }
后面还有监听事件的编写