Android学习笔记：超能RecyclerView组件使用（上）

这几天开发中遇到了一些界面滑动问题，主要是界面中滑动控件使用太多，导致滑动冲突。刚好在学习RecyclerView这个控件，所以根据视屏学习情况做个学习笔记 ，当然很多内容都是学习视屏中的，感谢老师的付出。

    RecyclerView是Android.support.v7包中的新组件，是一个强大的滑动组件，它强大在哪呢？

1，实现ListView效果

2，实现GridView效果

3，实现横向滑动的ListView及横向滑动的GridView效果

4，实现瀑布流效果

5，自定义Item增加与删除动画效果

最重要的是实现上面的这些功能都很easy，只要几行代码即可实现。

    那为什么把这个功能强大的组件取名RecyclerView呢？

1，不用关心Item是否显示在正确的位置以及如何显示，我们可以用LayoutManager来掌控

2，不用关心Item间分隔问题，有ItemDecoration来实现

3，不用关注Item的增删动画效果，因为有ItemAnimator

4，最关心的是如何回收与利用我们的View，强制使用ViewHoler。

下面就直接上代码啦：

主界面布局main_activity.lxml

<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" >
    <android.support.v7.widget.RecyclerView<!--这就是我们今天的主角-->
        android:id="@+id/test_rcv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        >
    </android.support.v7.widget.RecyclerView>
</RelativeLayout>

主界面Activity:

public class MainActivity extends ActionBarActivity {
private RecyclerView mRecyclerView;
private List<TestData> mDatas;
private TestAdapter mAdapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initDatas();
initViews();
}
  private void initDatas() {
mDatas=new ArrayList<TestData>();
TestData data=new TestData();
for (int i = 'A'; i < 'z'; i++) {
data.setTitle("Title"+(char)i);
data.setContent("Content"+(char)i);
mDatas.add(data);
}
}

private void initViews() {
mRecyclerView=(RecyclerView) findViewById(R.id.test_rcv);
mAdapter=new TestAdapter(this, mDatas);
mRecyclerView.setAdapter(mAdapter);
LinearLayoutManager ll=new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, true);//这里设置的是HORIZONTAL水平效果的，如果设置成VERTICAL则就是垂直效果的，和我们平时的ListView的效果一样。
mRecyclerView.setLayoutManager(ll);
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.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);
}
}

item布局lv_item.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="wrap_content"
    android:padding="10dp" >
    <ImageView
        android:id="@+id/item_iv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher" />
    <TextView
        android:id="@+id/item_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/item_iv" />
    <TextView
        android:id="@+id/item_content"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/item_title" />
</RelativeLayout>

最后就是Adapter啦：

/**
 * @description：
 * 我们通常使用的BaseAdapter在getView方法中去进行创建ViewHoler以及给对应的View进行设置数据，
 * 而在RecyclerView.Adapter<>中，将这个过程分为了两部分，由onCreateViewHolder和onBindViewHolder两个方法来处理完成，
 * 其实就是使用RecyclerView控件时，必须强制使用ViewHolder模式来优化程序
 */
public class TestAdapter extends Adapter<TestViewHolder> {
private Context mContext;
private List<TestData> mDatas;
public TestAdapter(Context mContext, List<TestData> mDatas) {
this.mContext = mContext;
this.mDatas = mDatas;
}

@Override
public TestViewHolder onCreateViewHolder(ViewGroup paramViewGroup, int paramInt) {
View v = LayoutInflater.from(mContext).inflate(R.layout.lv_item, null);
TestViewHolder holder = new TestViewHolder(v);
return holder;
}

@Override
public void onBindViewHolder(TestViewHolder paramVH, int paramInt) {
paramVH.titleTv.setText(mDatas.get(paramInt).getTitle());
paramVH.contentTv.setText(mDatas.get(paramInt).getContent());
}
@Override
public int getItemCount() {
// TODO Auto-generated method stub
return mDatas.size();
}
}
class TestViewHolder extends ViewHolder {
ImageView iconIv;
TextView titleTv;
TextView contentTv;
public TestViewHolder(View holder) {
super(holder);
iconIv = (ImageView) holder.findViewById(R.id.item_iv);
titleTv = (TextView) holder.findViewById(R.id.item_title);
contentTv = (TextView) holder.findViewById(R.id.item_content);
}
}