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);
}
}