Android RecyclerView優雅實現複雜列表佈局(二)
轉載:https://blog.csdn.net/huang3513/article/details/62046528
前言
學習了(一)中那個RecyclerView的一些基礎知識,如果沒有具體看懂可以再返回看不一樣的RecyclerView優雅實現複雜列表佈局(一),那麼接下來我們就在(一)的基礎之上,完善稍微複雜一點資料處理。
不一樣的RecyclerView優雅實現複雜列表佈局(二)中使用的是GridLayoutManager模式,實現混合使用的效果:
1.首先載入的資料要有所改變,多種形式的資料載入,在MainActivity中模擬出三個資料集合,並根據Adapter中的方法,新增進去。
/** * 此處主要是模擬資料。方便我們測試 */ private void initData() { //建立三個資料集合來模擬資料的展示 ArrayList<DataModeOne> list1 = new ArrayList<>(); for (int i = 0; i < 10; i++) { DataModeOne data = new DataModeOne(); data.avatarColor = colors[0]; data.name = "name : "+ 1; list1.add(data); } ArrayList<DataModeTwo> list2 = new ArrayList<>(); for (int i = 0; i < 10; i++) { DataModeTwo data = new DataModeTwo(); data.avatarColor = colors[1]; data.name = "name : "+ 1; data.content = "content"; list2.add(data); } ArrayList<DataModeThree> list3 = new ArrayList<>(); for (int i = 0; i < 10; i++) { DataModeThree data = new DataModeThree(); data.avatarColor = colors[2]; data.name = "name : "+ 1; data.content = "content"; data.contentColor = colors[2]; list3.add(data); } /** * 把資料新增到Adapter中去 */ mAdapter.addList(list1,list2,list3); mAdapter.notifyDataSetChanged(); }
然後模擬出三個實體類,來儲存三種類型的資料,雖然和之前的相似,但有所改動:
/**
* @author :huangxianfeng on 2017/3/14.
* 為了實現三種不同型別的資料型別
* 此處雖名稱相同,實際中是不同的
*/
public class DataModeOne {
public int avatarColor;
public String name;
}
/** * @author :huangxianfeng on 2017/3/14. * 為了實現三種不同型別的資料型別 * 此處雖名稱相同,實際中是不同的 */ public class DataModeTwo { public int avatarColor; public String name; public String content; }
/**
* @author :huangxianfeng on 2017/3/14.
* 為了實現三種不同型別的資料型別
* 此處雖名稱相同,實際中是不同的
*/
public class DataModeThree {
public int avatarColor;
public String name;
public String content;
public int contentColor;
}
2.Holder改動的時候,採用了泛型,在TypeAbstractViewHolder類中加入泛型,然後傳入不同的資料實體:
/**
* @author :huangxianfeng on 2017/3/14.
* ViewHolder基類
* 每一種佈局都封裝成一個ViewHolder,繼承此類實現BindHolder方法
*/
public abstract class TypeAbstractViewHolder<T> extends RecyclerView.ViewHolder{
public TypeAbstractViewHolder(View itemView) {
super(itemView);
}
public abstract void bindHolder(T model);
}
此處貼出一例:
/**
* @author :huangxianfeng on 2017/3/14.
*/
public class TypeOneViewHolder extends TypeAbstractViewHolder<DataModeOne> {
public ImageView avatar;
public TextView name;
public TypeOneViewHolder(View itemView) {
super(itemView);
avatar = (ImageView)itemView.findViewById(R.id.avatar);
name = (TextView)itemView.findViewById(R.id.name);
itemView.setBackgroundColor(Color.BLACK);
}
@Override
public void bindHolder(DataModeOne model){
avatar.setBackgroundResource(model.avatarColor);
name.setText(model.name);
}
}
3.在Holder改造完成之後,那麼我們看看Adapter的改造:
**
* @author :huangxianfeng on 2017/3/14.
* RecyclerView的介面卡
*/
public class DemoAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
public static final int TYPE_ONE = 1;
public static final int TYPE_TWO = 2;
public static final int TYPE_THREE = 3;
private LayoutInflater mLayoutInflater;
public DemoAdapter(Context context) {
mLayoutInflater = LayoutInflater.from(context);
}
private ArrayList<DataModeOne> list1;
private ArrayList<DataModeTwo> list2;
private ArrayList<DataModeThree> list3;
private ArrayList<Integer> types = new ArrayList<>();
private Map<Integer,Integer> mPosition = new HashMap<>();
/**
* 建立一個方法供外面操作此資料
*/
public void addList(ArrayList<DataModeOne> list1,ArrayList<DataModeTwo> list2,ArrayList<DataModeThree> list3){
addListByType(TYPE_ONE,list1);
addListByType(TYPE_TWO,list2);
addListByType(TYPE_THREE,list3);
this.list1 = list1;
this.list2 = list2;
this.list3 = list3;
}
private void addListByType(int type,ArrayList list){
mPosition.put(type,types.size());
for (int i = 0; i < list.size(); i++) {
types.add(type);
}
}
@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
switch (viewType){
case DataModel.TYPE_ONE:
return new TypeOneViewHolder(mLayoutInflater.inflate(R.layout.item_type_one,parent,false));
case DataModel.TYPE_TWO:
return new TypeTwoViewHolder(mLayoutInflater.inflate(R.layout.item_type_two,parent,false));
case DataModel.TYPE_THREE:
return new TypeThreeViewHolder(mLayoutInflater.inflate(R.layout.item_type_three,parent,false));
}
return null;
}
@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
int viewType = getItemViewType(position);
int realPosition = position -mPosition.get(viewType);
switch (viewType){
case DataModel.TYPE_ONE:
((TypeOneViewHolder)holder).bindHolder(list1.get(realPosition));
break;
case DataModel.TYPE_TWO:
((TypeTwoViewHolder)holder).bindHolder(list2.get(realPosition));
break;
case DataModel.TYPE_THREE:
((TypeThreeViewHolder)holder).bindHolder(list3.get(realPosition));
break;
}
}
/**
* 多種佈局時候至關重要的方法
* @param position
* @return
*/
@Override
public int getItemViewType(int position) {
//得到不同的佈局型別
return types.get(position);
}
@Override
public int getItemCount() {
return types.size();
}
}
變動不是很大,就是在onBindViewHolder()方法中新增單個Holder的獲取。
4.其中MainActivity中,給RecyclerView新增一個方法實現間距重新賦值:
/**
* 設定RecyclerView的間距
* 這樣可以實現Grid和RecyclerView單條顯示時,很好的區分開
*/
mRecyclerView.addItemDecoration(new RecyclerView.ItemDecoration() {
@Override
public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
GridLayoutManager.LayoutParams layoutParams = (GridLayoutManager.LayoutParams)view.getLayoutParams();
int spanSize = layoutParams.getSpanSize();
int spanIndex = layoutParams.getSpanIndex();
outRect.top = 20;
/**
* 不相等時說明是Grid形式顯示的
* 然後判斷是左邊還有右邊顯示,分別設定間距為10
*/
if (spanSize!=gridLayoutManager.getSpanCount()){
if (spanIndex ==1){
outRect.left = 10;
}else{
outRect.right = 10;
}
}
}
});
MainActivity全部程式碼:
public class MainActivity extends AppCompatActivity {
private RecyclerView mRecyclerView;
private DemoAdapter mAdapter;
/**
* 隨機一下顏色
*/
int colors[] ={android.R.color.holo_red_dark,
android.R.color.holo_blue_dark,
android.R.color.holo_orange_dark};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initUI();
}
private void initUI() {
mRecyclerView = (RecyclerView) findViewById(R.id.recyclerview);
final GridLayoutManager gridLayoutManager = new GridLayoutManager(this,2);
gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
@Override
public int getSpanSize(int position) {
//得到每個type的值
int type = mRecyclerView.getAdapter().getItemViewType(position);
if (type == DataModel.TYPE_THREE){
return gridLayoutManager.getSpanCount();
}else{
return 1;
}
}
});
mRecyclerView.setLayoutManager(gridLayoutManager);
mAdapter = new DemoAdapter(this);
mRecyclerView.setAdapter(mAdapter);
/**
* 設定RecyclerView的間距
* 這樣可以實現Grid和RecyclerView單條顯示時,很好的區分開
*/
mRecyclerView.addItemDecoration(new RecyclerView.ItemDecoration() {
@Override
public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
GridLayoutManager.LayoutParams layoutParams = (GridLayoutManager.LayoutParams)view.getLayoutParams();
int spanSize = layoutParams.getSpanSize();
int spanIndex = layoutParams.getSpanIndex();
outRect.top = 20;
/**
* 不相等時說明是Grid形式顯示的
* 然後判斷是左邊還有右邊顯示,分別設定間距為10
*/
if (spanSize!=gridLayoutManager.getSpanCount()){
if (spanIndex ==1){
outRect.left = 10;
}else{
outRect.right = 10;
}
}
}
});
initData();
}
/**
* 此處主要是模擬資料。方便我們測試
*/
private void initData() {
//建立三個資料集合來模擬資料的展示
ArrayList<DataModeOne> list1 = new ArrayList<>();
for (int i = 0; i < 10; i++) {
DataModeOne data = new DataModeOne();
data.avatarColor = colors[0];
data.name = "name : "+ 1;
list1.add(data);
}
ArrayList<DataModeTwo> list2 = new ArrayList<>();
for (int i = 0; i < 10; i++) {
DataModeTwo data = new DataModeTwo();
data.avatarColor = colors[1];
data.name = "name : "+ 1;
data.content = "content";
list2.add(data);
}
ArrayList<DataModeThree> list3 = new ArrayList<>();
for (int i = 0; i < 10; i++) {
DataModeThree data = new DataModeThree();
data.avatarColor = colors[2];
data.name = "name : "+ 1;
data.content = "content";
data.contentColor = colors[2];
list3.add(data);
}
/**
* 把資料新增到Adapter中去
*/
mAdapter.addList(list1,list2,list3);
mAdapter.notifyDataSetChanged();
}
}
以上就是所有改造之後的程式碼
不明白的可以檢視:不一樣的RecyclerView優雅實現複雜列表佈局(一)
繼續深入學習更復雜的佈局,可以檢視: RecycleView 實現複雜首頁佈局三種方式
更多資源原始碼下載:
不一樣的RecyclerView優雅實現複雜列表佈局
android自定義視訊播放器
MediaPlayer和SurfaceView的結合使用
FloatingActionButton的使用
多層Fragment與ViewPager結合使用