【学习】RecyclerView

【2015年10月10日 星期六】

根据网上资料整理，参考资料如下：

安卓官方API：https://developer.android.com/reference/android/support/v7/widget/RecyclerView.html

安卓Train：https://developer.android.com/training/material/lists-cards.html

Frank-zhu：http://frank-zhu.github.io/android/2015/01/16/android-recyclerview-part-1/

张鸿洋:http://blog.csdn.net/lmj623565791/article/details/45059587

Introducing RecyclerView(一) http://jinyudong.com/2014/11/13/Introduce-RecyclerView-%E4%B8%80

一、简介

RecyclerView是ListView的升级版，它提供了更好的性能而且更容易使用。该控件是一个可以装载大量的视图集合，并且可以非常效率的进行回收和滚动。

当你list中的元素经常动态改变时可以使用RecyclerView控件。

它提供了如下两个功能：

1、为每个条目位置提供了layout管理器（RecyclerView.setLayoutManager）

2、为每个条目设置了操作动画（RecyclerView.setItemAnimator）

你想要控制其显示的方式，请通过布局管理器LayoutManager
你想要控制Item间的间隔（可绘制），请通过ItemDecoration
你想要控制Item增删的动画，请通过ItemAnimator

二、使用

RecyclerView在support library v7包中，在AndroidStudio中的配置：

第一步：首先要确保已经将Android Support Libraries升级到最新。

第二步：打开项目中的build.gradle文件，在dependencies中添加如下代码。

1 2 3 4

dependencies {     compile 'com.android.support:recyclerview-v7:21.+'     compile 'com.android.support:cardview-v7:21.+' }

第三步：重新Build一下工程，Build完成后就会发现这两个包就已经导入进来了。

三、例子

1、XML中声明

<android.support.v7.widget.RecyclerView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/recycler_view"
    android:layout_centerVertical="true"
    android:layout_centerHorizontal="true"/>

2、Activity

public class MainActivity extends ActionBarActivity {
    @InjectView(R.id.recycler_view)
    RecyclerView mRecyclerView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.inject(this);

        mRecyclerView.setLayoutManager(new LinearLayoutManager(this));//这里用线性显示 类似于listview
//        mRecyclerView.setLayoutManager(new GridLayoutManager(this, 2));//这里用线性宫格显示 类似于grid view
//        mRecyclerView.setLayoutManager(new StaggeredGridLayoutManager(2, OrientationHelper.VERTICAL));//这里用线性宫格显示 类似于瀑布流
        mRecyclerView.setAdapter(new NormalRecyclerViewAdapter(this));
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        int id = item.getItemId();

        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }
}




3、Adapter

public class NormalRecyclerViewAdapter extends RecyclerView.Adapter<NormalRecyclerViewAdapter.NormalTextViewHolder> {
    private final LayoutInflater mLayoutInflater;
    private final Context mContext;
    private String[] mTitles;

    public NormalRecyclerViewAdapter(Context context) {
        mTitles = context.getResources().getStringArray(R.array.titles);
        mContext = context;
        mLayoutInflater = LayoutInflater.from(context);
    }

    @Override
    public NormalTextViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        return new NormalTextViewHolder(mLayoutInflater.inflate(R.layout.item_text, parent, false));
    }

    @Override
    public void onBindViewHolder(NormalTextViewHolder holder, int position) {
        holder.mTextView.setText(mTitles[position]);
    }

    @Override
    public int getItemCount() {
        return mTitles == null ? 0 : mTitles.length;
    }

    public static class NormalTextViewHolder extends RecyclerView.ViewHolder {
        @InjectView(R.id.text_view)
        TextView mTextView;

        NormalTextViewHolder(View view) {
            super(view);
            ButterKnife.inject(this, view);
            view.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    Log.d("NormalTextViewHolder", "onClick--> position = " + getPosition());
                }
            });
        }
    }
}