RecyclerView的使用(三)多布局
在項目中，我們經(jīng)常用到多布局的情況，跟ListView一樣，我們需要通過ViewType來進行區(qū)分。
界面效果如圖：
這里寫圖片描述
（一）單布局的Adapter
首先我們看下以前單布局的Adapter是如何去寫的：
我們繼承了RecyclerView.Adapter，泛型是MyAdapter 中繼承的ViewHolder類，這樣寫后我們的onCreateViewHolder和onBindViewHolder的方法參數(shù)都是我們的ViewHolder了，是無法做到區(qū)分多布局的。
class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder>{
@Override
public MyAdapter.MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
return null;
}
@Override
public void onBindViewHolder(MyAdapter.MyViewHolder holder, int position) {
}
@Override
public int getItemCount() {
return 0;
}
//繼承RecyclerView.ViewHolder
class MyViewHolder extends RecyclerView.ViewHolder{
public MyViewHolder(View itemView) {
super(itemView);
}
}
}
（二）多布局的Adapter
多布局的Adapter我們泛型為RecyclerView.ViewHolder，通過ViewType，我們區(qū)分使用不同的ViewHolder。
RecyclerView提供了方法去區(qū)分ViewType
@Override
public int getItemViewType(int position) {
return super.getItemViewType(position);
}
onCreateViewHolder的第二個參數(shù)int viewType就是getItemViewType的返回值
@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
return null;
}
在onBindViewHolder中，我們的來綁定布局
@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
}
我們看看如何去實現(xiàn)，我們首先定義兩個標志,
public static final int ONE_ITEM = 1;
public static final int TWO_ITEM = 2;
代碼奉上
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import java.util.ArrayList;
import java.util.List;
public class ViewTypeActivity extends AppCompatActivity {
private RecyclerView mRecyclerView;
private List<String> mDatas;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
initData();
setContentView(R.layout.activity_water_full);
mRecyclerView = (RecyclerView) findViewById(R.id.id_recyclerview);
mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
mRecyclerView.addItemDecoration(new SpacesItemDecoration(12));
mRecyclerView.setAdapter(new ViewTypeAdapter());
}
private void initData() {
mDatas = new ArrayList<String>();
for (int i = 0; i < 24; i++) {
mDatas.add("位置是" + i);
}
}
class ViewTypeAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder>{
public static final int ONE_ITEM = 1;
public static final int TWO_ITEM = 2;
@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
LayoutInflater mInflater = LayoutInflater.from(ViewTypeActivity.this);
RecyclerView.ViewHolder holder = null;
if(ONE_ITEM == viewType){
View v = mInflater.inflate(R.layout.item_linear,parent,false);
holder = new OneViewHolder(v);
}else{
View v = mInflater.inflate(R.layout.item_two,parent,false);
holder = new TwoViewHolder(v);
}
return holder;
}
@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
if(holder instanceof OneViewHolder){
((OneViewHolder) holder).tv.setText(mDatas.get(position));
}else {
((TwoViewHolder) holder).tv1.setText(mDatas.get(position));
((TwoViewHolder) holder).tv2.setText(mDatas.get(position));
}
}
@Override
public int getItemViewType(int position) {
if(position % 3 == 0){
return TWO_ITEM;
}else{
return ONE_ITEM;
}
}
@Override
public int getItemCount() {
return mDatas.size();
}
class OneViewHolder extends RecyclerView.ViewHolder{
TextView tv;
public OneViewHolder(View itemView) {
super(itemView);
tv = (TextView) itemView.findViewById(R.id.adapter_linear_text);
}
}
class TwoViewHolder extends RecyclerView.ViewHolder{
TextView tv1,tv2;
public TwoViewHolder(View itemView) {
super(itemView);
tv1 = (TextView) itemView.findViewById(R.id.adapter_two_1);
tv2 = (TextView) itemView.findViewById(R.id.adapter_two_2);
}
}
}
}
兩個XML
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="50dp"
android:orientation="horizontal">
<TextView
android:id="@+id/adapter_two_1"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:layout_marginRight="5dp"
android:background="#3FFF99"
android:gravity="center" />
<TextView
android:id="@+id/adapter_two_2"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_marginLeft="5dp"
android:layout_height="match_parent"
android:background="#3FFF99"
android:gravity="center" />
</LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/adapter_linear_text"
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="#a9a8ff"
android:gravity="center"/>
間距的設定請看第一篇,效果圖如下：
這里寫圖片描述
通過RecyclerView.Adapter設置多布局是非常方便的，而且大家可以發(fā)現(xiàn)當RecyclerView為LinearLayoutManager，我們可以通過viewType給RecyclerView來設置Header和Footer，如
public static final int HEADER = 1;
public static final int FOOTER = 2;
public static final int ITEM = 3;
@Override
public int getItemViewType(int position) {
if(position == 0){
return HEADER;
}else if(position == getItemCount() -1){
return FOOTER;
}else{
return ITEM;
}
}
@Override
public int getItemCount() {
return mDatas.size() + 2;//Header和Footer
}
但是當布局管理器為GridLayoutManager和StaggeredGridLayoutManager時就要不能這樣去做了。
如何去加我會放在后面去寫。
