RecycleView加載不同類型的Item

前情提要：去面試一家外企，需求是要重復使用一個布局很多次，單單是布局的話用include就可以了，但是邏輯也要復用，而且提出了使用listview復用條目優(yōu)化性能，想做成一個自定義控件。我嘗試了下，感覺直接用recycleview應該也是可以的。

效果展示


效果

實現(xiàn)思路

  1. 添加依賴
    com.android.support:recyclerview-v7:24.2.0
  2. 根據(jù)需求創(chuàng)建三個不同類型的item對應的布局文件
  3. 為每個類型的item創(chuàng)建數(shù)據(jù)bean類
  4. 創(chuàng)建通用的item數(shù)據(jù)bean類
  5. 為每個類型的item創(chuàng)建viewholder
  6. 創(chuàng)建Adapter類
  7. 在Activity使用recycleview

1.創(chuàng)建不同的item布局文件

  • 包括一個編輯框子項，一個按鈕子項，一個下拉列表子項。
    布局文件就不放出來了，類似模仿下就可以。源代碼項目中有。

2. 為每個類型的item創(chuàng)建數(shù)據(jù)bean類

  • 封裝了每個item需要賦值的數(shù)據(jù)。

3. 創(chuàng)建通用的item數(shù)據(jù)bean類

  • 我們需要一個通用的數(shù)據(jù)項RecycleViewItemData來方便我們使用和進行子項的類型判斷。
public class RecycleViewItemData<T> {
    //用來裝載不同類型的item數(shù)據(jù)bean
    T t;
    //item數(shù)據(jù)bean的類型
    int dataType;
    public RecycleViewItemData () {
    }

    public RecycleViewItemData (T t, int dataType) {
        this.t = t;
        this.dataType = dataType;
    }
 
    public T getT () {
        return t;
    }
 
    public void setT (T t) {
        this.t = t;
    }
 
    public int getDataType () {
        return dataType;
    }
 
    public void setDataType (int dataType) {
        this.dataType = dataType;
    }
}

3. 為每個類型的item創(chuàng)建viewholder

  1. EditViewHolder
public class EditViewHolder extends RecyclerView.ViewHolder {
       public TextView mTextView1;
       public TextView mTextView2;
       public EditText mEditText1;
       public EditText mEditText2;

       public EditViewHolder(View itemView) {
           super(itemView);
           mTextView1 = (TextView) itemView.findViewById(R.id.text1);
           mTextView2 = (TextView) itemView.findViewById(R.id.text2);
           mEditText1 = (EditText) itemView.findViewById(R.id.editText1);
           mEditText2 = (EditText) itemView.findViewById(R.id.editText2);
       }
   }
  1. SpinnerHolder
public class SpinnerHolder extends RecyclerView.ViewHolder {
       public SpinnerHolder(View itemView) {
           super(itemView);
       }
   }

略。。。

4. 創(chuàng)建Adapter類

RecycleView的Adapter中需要重寫方法的簡單介紹

  • 構(gòu)造方法：一般用于接收數(shù)據(jù)集
  • onCreateViewHolder:
    創(chuàng)建ViewHolder，該方法會在RecyclerView需要展示一個item的時候回調(diào)。重寫該方法時，應該使ViewHolder加載item view的布局。
  • onBindeViewHolder:
    該方法在RecyclerView在特定位置展示數(shù)據(jù)時候回調(diào)。把數(shù)據(jù)綁定、填充到相應的item view中。
  • getItemCount
    返回數(shù)據(jù)的數(shù)量。
  • getItemViewType(int position) 注：需要時重寫
    從這個方法中所返回的值會在onCreateViewHolder中用到。比如頭部，尾部，等等的特殊itemView（這里說成ViewHolder比較好）都可以在這里進行判斷。
public class Madapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
    private static final int TYPE_EDIT = 0;//編輯框
    private static final int TYPE_BUTTON = 1;//按鈕
    private static final int TYPE_SPINNER = 2;//下拉列表
    private ArrayList<RecycleViewItemData> dataList;//數(shù)據(jù)集合
 
    public Madapter(ArrayList<RecycleViewItemData> dataList) {
        this.dataList = dataList;
    }
 
    //用來創(chuàng)建ViewHolder
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        //如果viewType是編輯框類型,則創(chuàng)建EditViewHolder型viewholder
        if (viewType == TYPE_EDIT) {
            View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_creditcard_edit, parent, false);
            EditViewHolder viewHolder = new EditViewHolder(view);
            return viewHolder;
        }
        //如果viewType是按鈕類型,則創(chuàng)建ButtonViewHolder型viewholder
        if (viewType == TYPE_BUTTON) {
            View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_creditcard_button, parent, false);
            ButtonViewHolder viewHolder = new ButtonViewHolder(view);
            return viewHolder;
        }
        //如果viewType是下拉列表類型,則創(chuàng)建SpinnerHolder型viewholder
        if (viewType == TYPE_SPINNER) {
            View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_creditcard_spinner, parent, false);
            SpinnerHolder viewHolder = new SpinnerHolder(view);
            return viewHolder;
        }
        return null;
    }
 
    //用來綁定數(shù)據(jù)
    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
        //如果holder是EditViewHolder的實例
        if (holder instanceof EditViewHolder) {
            //得到對應position的數(shù)據(jù)集
            EditItem mEditItem = (EditItem) dataList.get(position).getT();
            if (position == 0) {
                ((EditViewHolder) holder).mTextView1.setText("* Holder Name");
                ((EditViewHolder) holder).mTextView2.setText("* Card Number");
            } else if (position == 3) {
                ((EditViewHolder) holder).mTextView1.setText("          * Street ");
                ((EditViewHolder) holder).mTextView2.setText("           * City  ");
            } else if (position == 5) {
                ((EditViewHolder) holder).mTextView1.setText("                   Or ");
                ((EditViewHolder) holder).mTextView2.setText("           * Zipcode  ");
            }
            ((EditViewHolder) holder).mEditText1.setText(mEditItem.getText1());
            ((EditViewHolder) holder).mEditText2.setText(mEditItem.getText2());
 
        }
        //如果holder是ButtonViewHolder的實例
        if (holder instanceof ButtonViewHolder) {
            //從數(shù)據(jù)集合中取出該項
            ButtonItem mButtonItem = (ButtonItem) dataList.get(position).getT();
            //設置選中的按鈕
            switch (mButtonItem.getPosition()) {
                case 0:
                    ((ButtonViewHolder) holder).mRadioButton.setChecked(true);
                    break;
                case 1:
                    ((ButtonViewHolder) holder).mRadioButton2.setChecked(true);
                    break;
                case 2:
                    ((ButtonViewHolder) holder).mRadioButton3.setChecked(true);
                    break;
            }
        }
        //如果holder是SpinnerHolder的實例
        if (holder instanceof SpinnerHolder) {
        }
    }
 
    @Override
    public int getItemViewType(int position) {
        if (0 == dataList.get(position).getDataType()) {
            return TYPE_EDIT;// 編輯框
        } else if (1 == dataList.get(position).getDataType()) {
            return TYPE_BUTTON;// 按鈕
        } else if (2 == dataList.get(position).getDataType()) {
            return TYPE_SPINNER;//下拉列表
        } else {
            return 0;
        }
    }
 
    @Override
    public int getItemCount() {
        return dataList.size();
    }
}

5. 在Activity使用recycleview

public class MainActivity extends AppCompatActivity {
    private ArrayList<RecycleViewItemData> dataList;
    @BindView(R.id.creditcard)
    RecyclerView mCreditcard;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);
        mCreditcard.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false));
        dataList=new ArrayList<RecycleViewItemData>();
        dataList.add(new RecycleViewItemData(new EditItem("aaa","bbb"),0));
        dataList.add(new RecycleViewItemData(new ButtonItem(1),1));
        dataList.add(new RecycleViewItemData(new SpinnerItem("aaa","bbb"),2));
        dataList.add(new RecycleViewItemData(new EditItem("aaa","bbb"),0));
        dataList.add(new RecycleViewItemData(new SpinnerItem("aaa","bbb"),2));
        dataList.add(new RecycleViewItemData(new EditItem("aaa","bbb"),0));
 
        mCreditcard.setAdapter(new Madapter(dataList));
    }
}

這里是項目地址。
參考：
http://blog.csdn.net/qq199208/article/details/49386827

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容