Material Design之RecyclerView的使用(一)

时间:2021-10-20 05:28:12

Android 5.0开始就推荐使用Material Design这个设计语言,本文开始就逐一讲解Material Design中控件的使用。本章主要讲解RecyclerView,期中会带有ToolBar的代码,也是一个Android5.x推荐使用ToolBar替代ActionBar的控件,RecyclerView 是 android-support-v7包中的一个控件,使用该控件时需要添加com.android.support:recyclerview-v7:22.2.0包依赖,该包可在我们下载的sdk目录下D:\Program Files\Android\sdk\extras\android\support\v7\recyclerview\libs找到。

下面说说使用RecyclerView的优点和能做什么事:

  • 提供一种插件式编程,开发者对RecyclerView的设计更加*
  • 强制开发者使用ViewHolder模式,性能更优
  • 可以用来实现ListView、GridView、横ScrollView、瀑布流等功能,非常灵活

RecyclerView主要的方法:
  • setLayoutManager设置RecyclerView的布局管理器,默认给我们提供了三种: LinearLayoutManager、GridLayoutManager、StaggeredGridLayoutManager。当然也可以继承LayoutManager来自定义。
  • setItemAnimator  设置item的添加、删除动画效果,默认给我们提供了一种默认动画效果:DefaultItemAnimator。同理也可以我们自己自定义想要的动画效果。
  • addItemDecoration  添加item之间的分隔线,默认没有提供类给我们使用,如果需要使用到分割线则需要我们自定义。
  • setAdapter设置RecyclerView的适配器,这个需要我们自己继承RecyclerView.Adapter来实现。
  • RecyclerView中默认没有提供onItemClick和onItemLongClick点击事件方法,需要我们自己在适配器中写接口来实现。
下面我们通过代码来看看怎么来使用RecyclerView:
一、在gradle中添加jar包依赖:
Material Design之RecyclerView的使用(一)
Material Design之RecyclerView的使用(一)
二、在主布局中使用RecyclerView、定义Item布局:
activity_main.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="?attr/colorPrimary"
        android:minHeight="?attr/actionBarSize"
        />

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/toolbar"
        android:scrollbars="none" />
</RelativeLayout>

item.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:background="@drawable/recyclerview_item"
    android:layout_margin="10dp"
    android:orientation="vertical"
    android:layout_height="72dp">
    <TextView
        android:id="@+id/textView"
        android:layout_width="match_parent"
        android:padding="20dp"
        android:layout_height="72dp"
        android:textAppearance="?android:attr/textAppearanceLarge" />
</LinearLayout>

三、在代码中使用ToolBar和RecyclerView:
MainActivity.java
public class MainActivity extends AppCompatActivity {
    private Toolbar mToolbar;
    private RecyclerView mRecyclerView;
    private List<String> lists;
    private MyAdapter adapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mToolbar = (Toolbar)this.findViewById(R.id.toolbar);
        setSupportActionBar(mToolbar);
        initData();
        mRecyclerView = (RecyclerView) this.findViewById(R.id.recyclerView);
//        mRecyclerView.setHasFixedSize(true);//如果可以确定每个item的高度是固定的,设置这个选项可以提高性能

        mRecyclerView.setLayoutManager(new LinearLayoutManager(this));//设置RecyclerView的布局管理
//      mRecyclerView.addItemDecoration();//设置RecyclerView中item的分割线,用的少,一般都用在item中设置margin分隔两个item
        mRecyclerView.setItemAnimator(new DefaultItemAnimator());//设置item的添加删除动画,采用默认的动画效果
        adapter = new MyAdapter(this,lists);
        mRecyclerView.setAdapter(adapter);//设置Adapter
        adapter.setOnItemClickListener(new MyAdapter.OnItemClickListener() {//添加监听器
            @Override
            public void onItemClick(View view, int postion) {
                Toast.makeText(MainActivity.this,"点击的是:"+postion,Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onItemLongClick(View view, int postion) {
                Toast.makeText(MainActivity.this, "长按的是:" + postion, Toast.LENGTH_SHORT).show();
            }
        });
    }
    private void initData(){
        lists = new ArrayList<String>();
        for (int i = 'A'; i < 'z'; i++)
        {
            lists.add(""+(char)i);
        }
    }
    @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) {
        int id = item.getItemId();
        switch (id){
            case R.id.action_add:
                lists.add(1, "add");
//                adapter.notifyDataSetChanged();//用这个则可以更新数据,但是没有动画效果
                adapter.notifyItemInserted(1);//注意:RecyclerView中添加用notifyItemInserted();才有动画效果
                break;
            case R.id.action_delete:
                lists.remove(1);
                adapter.notifyItemRemoved(1);//RecyclerView中删除用notifyItemRemoved();才有动画效果
                break;
            case R.id.action_linear:
                mRecyclerView.setLayoutManager(new LinearLayoutManager(this));//设置RecyclerView的GridLayoutManager布局管理,默认垂直,还有一个设置水平排列的构造方法
                break;
            case R.id.action_grid:
                mRecyclerView.setLayoutManager(new GridLayoutManager(this,3));//设置RecyclerView的GridLayoutManager布局管理,默认为垂直
                break;
            case R.id.action_grid_horizontal:
                mRecyclerView.setLayoutManager(new GridLayoutManager(this,3,GridLayoutManager.HORIZONTAL,false));//设置RecyclerView的GridLayoutManager的水平布局管理,参数分别为context,列数或行数,排列方式,是否反转布局的内容
                break;
            case R.id.action_staggeredgrid:
                mRecyclerView.setLayoutManager(new StaggeredGridLayoutManager(2,StaggeredGridLayoutManager.VERTICAL));//设置RecyclerView的StaggeredGridLayoutManager的布局管理,它是GridLayout升级版,可以显示交错式网格布局,参数分别为列数或行数,排列方式
                break;
        }
        return super.onOptionsItemSelected(item);
    }
}
【注意】:使用ToolBar时,必须在styles.xml中设置当前Activity使用的style风格为NoActionBar。如果想改变状态栏的背景色,则需要在style中定义item,name="colorPrimaryDark",仅支持Android5.x。

四、自定义Adapter。
MyAdapter.java
/**
 * 继承RecyclerView的Adapter,它会强制开发者使用ViewHolder模式,所以继承适配器的时候传入的泛型是一个继承自ViewHolder的实现类
 * 不过RecyclerView中没有提供给我们Click和onLongClick监听器,需要我们自己实现
 */
public class MyAdapter extends RecyclerView.Adapter<MyViewHolder> {

    private Context context;
    private List<String> lists;
    private OnItemClickListener mOnItemClickListener;

    public interface OnItemClickListener {
        void onItemClick(View view, int postion);

        void onItemLongClick(View view, int postion);
    }

    public void setOnItemClickListener(OnItemClickListener listener) {//对外提供的一个监听方法
        this.mOnItemClickListener = listener;
    }

    public MyAdapter(Context context, List<String> lists) {
        this.context = context;
        this.lists = lists;
    }

    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {//创建一个ViewHolder
        View itemView = LayoutInflater.from(context).inflate(R.layout.item, viewGroup, false);//填充这个item布局
        MyViewHolder viewHolder = new MyViewHolder(itemView);//创建ViewHolder
        return viewHolder;
    }

    @Override
    public void onBindViewHolder(final MyViewHolder myViewHolder, int pos) {//绑定ViewHolder
        myViewHolder.mTextView.setText(lists.get(pos));//为ViewHolder里的控件设置值
        if (mOnItemClickListener != null) {//如果设置了监听那么它就不为空,然后回调相应的方法
            myViewHolder.itemView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    int postion = myViewHolder.getLayoutPosition();//得到当前点击item的位置postion
                    mOnItemClickListener.onItemClick(myViewHolder.itemView, postion);
                }
            });
            myViewHolder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
                @Override
                public boolean onLongClick(View v) {
                    int postion = myViewHolder.getLayoutPosition();
                    mOnItemClickListener.onItemLongClick(myViewHolder.itemView, postion);
                    return true;
                }
            });
        }

    }

    @Override
    public int getItemCount() {
        return lists.size();
    }
}

class MyViewHolder extends RecyclerView.ViewHolder {
    TextView mTextView;

    public MyViewHolder(View itemView) {
        super(itemView);
        mTextView = (TextView) itemView.findViewById(R.id.textView);
    }
}
至此RecyclerView用法就是这些了。其中需要注意的是在RecyclerView中添加和删除item时,要想有动画效果,则需要使用adapter.notifyItemInserted();和adapter.notifyItemRemoved();
最后附上个运行效果图:
Material Design之RecyclerView的使用(一)

源码下载地址:http://download.csdn.net/detail/u010687392/8868487

转载请注明出处:http://blog.csdn.net/u010687392

下一篇将讲用RecyclerView实现瀑布流效果!