Android RecycleView實現不同樣式Item樣式效果完美解決
阿新 • • 發佈：2019-01-10
在我們開發過程中經常會遇到需要我們展示不同樣式列表的情況，通常我們都會使用ListView展示列表，然後實現BaseAdapter兩個方法，即：getViewTypeCount() 和 getItemViewType(int position)即可實現
不過在Android Nougat Google釋出了RecycleView之後，大家都紛紛棄ListView ,GridView，而使用RecycleView。所以今天我們寫一個RecycleView實現不同Item條目樣式的案例。
RecycleView和RecycleViewAdapter使用步驟:
1,初始化RecycleView及相關設定
mRecyclerView = (RecyclerView) findViewById(R.id.recyclerView); //設定介面卡管理器：LinearLayoutManager GridLayoutManager StaggeredGridLayoutManager(瀑布流)， mRecyclerView.setLayoutManager(new LinearLayoutManager(getContext())); //新增分割線 mRecyclerView.addItemDecoration(new RecycleItemDecoration(context, RecycleItemDecoration.VERTICAL_LIST));
2,設定介面卡和新增資料
<span style="white-space:pre"> </span>mRecyclerView.setAdapter(new RecycleAdapter(context, initData()));private List<Bean> initData() { List<Bean> mData = new ArrayList<>(); for (int i = 'A'; i < 'Z'; i++) { Bean bean = new Bean(); bean.setText((char) i + ""); int type = i % 3; if (type == 0) { bean.setType(0); } else if (type == 1) { bean.setType(1); } else if (type == 2) { bean.setType(2); } mData.add(bean); } return mData; }
3，實現RecycleViewAdapter介面卡並實現所需方法
通常實現常用列表樣式只需要實現兩個方法即可：
<span style="white-space:pre"> </span>public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) <span style="white-space:pre"> </span>public void onBindViewHolder(final RecyclerView.ViewHolder holder, int position)而我們使用RecycleView實現不同Item樣式的展示，同ListVIew一樣，RecycleView也給我們提供了類似的方法，
<span style="white-space:pre"> </span>public int getItemViewType(int position) 獲取指定蘇索引條目的樣式型別，返回值即為當前條目樣式的型別（我總感覺應該是setItemViewType比較恰當）
通過這三部我們就基本可以使用RecycleView和RecycleAdapter實現列表和多種Item樣式佈局展示。下面我們展示詳細程式碼：
/**
* 作 者 ：丁廣帥
* 建立日期 ：2016/9/29 10:30
* 描 述 ：
*/
public class PerfertectFg extends BaseFragment {
@SuppressLint("ValidFragment")
public PerfertectFg(String tabNames, int tabIcons) {
super(tabNames, tabIcons);
}
public PerfertectFg() {
}
private RecyclerView mRecyclerView;
private Context context;
@Override
protected void onCreateViewLazy(Bundle savedInstanceState) {
super.onCreateViewLazy(savedInstanceState);
setContentView(R.layout.child_three);
context = getContext();
mRecyclerView = (RecyclerView) findViewById(R.id.recyclerView);
//設定介面卡管理器：LinearLayoutManager GridLayoutManager StaggeredGridLayoutManager(瀑布流)，
mRecyclerView.setLayoutManager(new LinearLayoutManager(getContext()));
//新增分割線
mRecyclerView.addItemDecoration(new RecycleItemDecoration(context, RecycleItemDecoration.VERTICAL_LIST));
mRecyclerView.setAdapter(new RecycleAdapter(context, initData()));
}
private List<Bean> initData() {
List<Bean> mData = new ArrayList<>();
for (int i = 'A'; i < 'Z'; i++) {
Bean bean = new Bean();
bean.setText((char) i + "");
int type = i % 3;
if (type == 0) {
bean.setType(0);
} else if (type == 1) {
bean.setType(1);
} else if (type == 2) {
bean.setType(2);
}
mData.add(bean);
}
return mData;
}
}
public class RecycleItemDecoration extends RecyclerView.ItemDecoration {
/**
* 讀取attr資源
*/
private static final int[] ATTRS = new int[]{
android.R.attr.listDivider
};
public static final int HORIZONTAL_LIST = LinearLayoutManager.HORIZONTAL;
public static final int VERTICAL_LIST = LinearLayoutManager.VERTICAL;
private Drawable mDivider;
//分割線高度
private int mOrientation;
public RecycleItemDecoration(Context context, int orientation) {
final TypedArray a = context.obtainStyledAttributes(ATTRS);
mDivider = a.getDrawable(0);
a.recycle();
setOrientation(orientation);
}
public void setOrientation(int orientation) {
if (orientation != HORIZONTAL_LIST && orientation != VERTICAL_LIST) {
throw new IllegalArgumentException("invalid orientation");
}
mOrientation = orientation;
}
@Override
public void onDraw(Canvas c, RecyclerView parent) {
if (mOrientation == VERTICAL_LIST) {
drawVertical(c, parent);
} else {
drawHorizontal(c, parent);
}
}
/**
* 繪製豎直方向分割線
*
* @param c
* @param parent
*/
public void drawVertical(Canvas c, RecyclerView parent) {
final int left = parent.getPaddingLeft();
final int right = parent.getWidth() - parent.getPaddingRight();
final int childCount = parent.getChildCount();
for (int i = 0; i < childCount; i++) {
final View child = parent.getChildAt(i);
android.support.v7.widget.RecyclerView v = new android.support.v7.widget.RecyclerView(parent.getContext());
final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
.getLayoutParams();
final int top = child.getBottom() + params.bottomMargin;
final int bottom = top + mDivider.getIntrinsicHeight();
mDivider.setBounds(left, top, right, bottom);
mDivider.draw(c);
}
}
/**
* 繪製水平方向分割線
*
* @param c
* @param parent
*/
public void drawHorizontal(Canvas c, RecyclerView parent) {
final int top = parent.getPaddingTop();
final int bottom = parent.getHeight() - parent.getPaddingBottom();
final int childCount = parent.getChildCount();
for (int i = 0; i < childCount; i++) {
final View child = parent.getChildAt(i);
final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
.getLayoutParams();
final int left = child.getRight() + params.rightMargin;
final int right = left + mDivider.getIntrinsicHeight();
mDivider.setBounds(left, top, right, bottom);
mDivider.draw(c);
}
}
@Override
public void getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent) {
//區別型別將分割線設定在下方和右方
if (mOrientation == VERTICAL_LIST) {
outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
} else {
outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
}
}
}
((ViewHolderA) holder).text.setText(mData.get(position).getText() + "------樣式一");
/**
* 作 者 ：丁廣帥
* 建立日期 ：2016/10/14 14:26
* 描 述 ：
*/
public class RecycleAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
/**
* RecycleViewAdapter 要素點：
* <p/>
* 1，ViewHolder必須繼承RecyclerView.ViewHolder
* 2，RecycleView.Adapter的泛型為自定義ViewHolder
*/
private List<Bean> mData;
private Context context;
public enum Item_Type {
RECYCLEVIEW_ITEM_TYPE_1,
RECYCLEVIEW_ITEM_TYPE_2,
RECYCLEVIEW_ITEM_TYPE_3
}
public RecycleAdapter(Context context, List<Bean> mData) {
this.mData = mData;
this.context = context;
}
/**
* 建立ViewHolder
*
* @param parent
* @param viewType :不同ItemView的型別
* @return
*/
@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
if (viewType == Item_Type.RECYCLEVIEW_ITEM_TYPE_1.ordinal()) {
View mView = LayoutInflater.from(context).inflate(R.layout.recycle_item_a, null);
ViewHolderA viewHolder = new ViewHolderA(mView);
return viewHolder;
} else if (viewType == Item_Type.RECYCLEVIEW_ITEM_TYPE_2.ordinal()) {
View mView = LayoutInflater.from(context).inflate(R.layout.recycle_item_b, null);
ViewHolderB viewHolder = new ViewHolderB(mView);
return viewHolder;
} else if (viewType == Item_Type.RECYCLEVIEW_ITEM_TYPE_3.ordinal()) {
View mView = LayoutInflater.from(context).inflate(R.layout.recycle_item_c, null);
ViewHolderC viewHolder = new ViewHolderC(mView);
return viewHolder;
}
return null;
}
/**
* 繫結資料：可以直接拿到已經繫結控制元件的Viewholder物件
*
* @param holder
* @param position
*/
@Override
public void onBindViewHolder(final RecyclerView.ViewHolder holder, int position) {
if (holder instanceof ViewHolderA) {
((ViewHolderA) holder).text.setText(mData.get(position).getText() + "------樣式一");
} else if (holder instanceof ViewHolderB) {
((ViewHolderB) holder).text.setText(mData.get(position).getText() + "------樣式二");
} else if (holder instanceof ViewHolderC) {
((ViewHolderC) holder).text.setText(mData.get(position).getText() + "------樣式三");
}
}
//返回值賦值給onCreateViewHolder的引數 viewType
@Override
public int getItemViewType(int position) {
if (mData.get(position).getType() == 0) {
return Item_Type.RECYCLEVIEW_ITEM_TYPE_1.ordinal();
} else if (mData.get(position).getType() == 1) {
return Item_Type.RECYCLEVIEW_ITEM_TYPE_2.ordinal();
} else if (mData.get(position).getType() == 2) {
return Item_Type.RECYCLEVIEW_ITEM_TYPE_3.ordinal();
}
return -1;
}
@Override
public int getItemCount() {
return mData.size();
}
class ViewHolderA extends RecyclerView.ViewHolder {
public TextView text;
public ViewHolderA(View itemView) {
super(itemView);
text = (TextView) itemView.findViewById(R.id.text);
}
}
class ViewHolderB extends RecyclerView.ViewHolder {
public TextView text;
public ViewHolderB(View itemView) {
super(itemView);
text = (TextView) itemView.findViewById(R.id.text);
}
}
class ViewHolderC extends RecyclerView.ViewHolder {
public TextView text;
public ViewHolderC(View itemView) {
super(itemView);
text = (TextView) itemView.findViewById(R.id.text);
}
}
}
最後還是建議大家以後儘量使用RecycleView來替代ListVIew和GridView！！！