【學習】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());
                }
            });
        }
    }
}