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);
}
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章