天天看點

打造ListView萬能Adapter,且支援一行多列的顯示方式

老規矩,先上效果圖(以每行三列為例)

打造ListView萬能Adapter,且支援一行多列的顯示方式

下面就是放出源碼,最後再給出應用的執行個體:

為了更好的實作view的複用,我們将ViewHolder 進行了封裝。MtjBaseViewHolder,包括了ImageView、Button、TextView等常用的控件都封裝在内。自己可以根據需求,進行拓展。例如源碼末尾,拓展出的“使用Glide為ImageView設定網絡圖檔”。拓展的方法,相信一看就知道,無非就是通過傳入的viewid去get這個控件——getTextView(viewid),然後set這個控件想展示的資料。OK,源碼:

/**
 * Created by Administrator on 2017/1/2.
 */
public class MtjBaseViewHolder {

    /**
     * layout檔案中的控件集合 SparseArray用法與HashMap類似,性能比HashMap更優
     */
    private SparseArray<View> mViews;
    /**
     * BaseAdapter中的getView方法中對應的參數
     */
    private View mConvertView;
    private Context context;

    /**
     * 私有,禁止外部執行個體化
     * 
     * @param context
     * @param parent
     *            BaseAdapter中的getView方法中對應的參數
     * @param layoutId
     *            layout資源檔案ID
     */
    private MtjBaseViewHolder(Context context, ViewGroup parent, int layoutId) {
        this.mViews = new SparseArray<View>();
        this.mConvertView = LayoutInflater.from(context).inflate(layoutId,
                parent, false);
        this.mConvertView.setTag(this);
        this.context = context;
    }

    /**
     *
     * @param context
     * @param convertView
     *            BaseAdapter中的getView方法中對應的參數
     * @param parent
     *            BaseAdapter中的getView方法中對應的參數
     * @param layoutId
     *            layout資源檔案ID
     * @return
     */
    public static MtjBaseViewHolder get(Context context, View convertView,
            ViewGroup parent, int layoutId) {
        if (convertView == null) {
            return new MtjBaseViewHolder(context, parent, layoutId);
        }
        return (MtjBaseViewHolder) convertView.getTag();
    }

    /**
     * 根據ViewID擷取控件對象,先從mViews集合中查找, 如果存在則直接傳回該對象;
     * 不存在則從布局檔案中擷取該對象,然後添加到mViews集合中,然後再傳回該對象;
     * 
     * @param <T>
     * @param viewid
     *            控件ID
     * @param <t>
     * @return
     */
    @SuppressWarnings("unchecked")
    public <T extends View> T getView(int viewid) {
        View view = mViews.get(viewid);
        if (view == null) {
            view = mConvertView.findViewById(viewid);
            mViews.put(viewid, view);
        }
        return (T) view;
    }

    /**
     * 傳回BaseAdapter中的getView方法中對應的參數(convertView)
     * 
     * @return
     */
    public View getConvertView() {
        return mConvertView;
    }

    /**
     * 擷取TextView控件
     * 
     * @param viewid
     *            控件ID
     * @return
     */
    public TextView getTextView(int viewid) {
        return (TextView) getView(viewid);
    }

    /**
     * 擷取Button控件
     * 
     * @param viewid
     *            控件ID
     * @return
     */
    public Button getButton(int viewid) {
        return (Button) getView(viewid);
    }

    /**
     * 擷取ImageView控件
     * 
     * @param viewid
     *            控件ID
     * @return
     */
    public ImageView getImageView(int viewid) {
        return (ImageView) getView(viewid);
    }

    /**
     * 擷取ImageButton控件
     * 
     * @param viewid
     *            控件ID
     * @return
     */
    public ImageButton getImageButton(int viewid) {
        return (ImageButton) getView(viewid);
    }

    /**
     * 擷取LinearLayout控件
     * 
     * @param viewid
     *            控件ID
     * @return
     */
    public LinearLayout getLinearLayout(int viewid) {
        return (LinearLayout) getView(viewid);
    }

    /**
     * 設定TextView内容
     * 
     * @param viewid
     *            TextView控件ID
     * @param content
     *            要設定的内容
     * @return
     */
    public MtjBaseViewHolder setText(int viewid, String content) {
        getTextView(viewid).setText(content);
        return this;
    }

    /**
     * 為ImageView設定圖檔
     * 
     * @param viewid
     *            ImageView控件ID
     * @param resid
     *            要設定的圖檔資源ID
     * @return
     */
    public MtjBaseViewHolder setImageResource(int viewid, int resid) {
        getImageView(viewid).setImageResource(resid);
        return this;
    }

    /**
     * 使用Glide為ImageView設定網絡圖檔(需要導入Glide包)
     * 
     * @param viewid
     *            ImageView控件ID
     * @param img_path
     *            要設定的圖檔資源ID
     * @param default_img
     *            預設圖檔
     * @param load_type
     *            加載類型 【 0:正常 1:圓角(預設5dp圓角)2:圓形圖檔】
     * @param db
     *            load_type = 1 時 ,設定的圖檔圓角大小,使用預設大小時 傳 0
     * 
     * @return
     */
    public MtjBaseViewHolder setImageGlide(int viewid, int img_path,
            int default_img, int load_type, int dp) {
        switch (load_type) {
        case :
            Glide.with(context).load(img_path).placeholder(default_img)
                    .error(default_img).crossFade().into(getImageView(viewid));
            break;
        case :
            if (dp <= ) {
                Glide.with(context).load(img_path).placeholder(default_img)
                        .transform(new GlideRoundTransform(context))
                        .error(default_img).crossFade()
                        .into(getImageView(viewid));
            } else {
                Glide.with(context).load(img_path).placeholder(default_img)
                        .transform(new GlideRoundTransform(context, dp))
                        .error(default_img).crossFade()
                        .into(getImageView(viewid));
            }
            break;
        case :
            Glide.with(context).load(img_path).placeholder(default_img)
                    .transform(new GlideCircleTransform(context))
                    .error(default_img).crossFade().into(getImageView(viewid));
            break;
        default:
            break;
        }
        return this;
    }

}
           

最後那個“使用Glide為ImageView設定網絡圖檔”是我項目中用到的,如果你們想要,需要導入相應的包。

接下來就是Adapter了,注解中寫的比較清楚,就不廢話了,直接代碼:

public abstract class MtjBaseAdapter<T> extends BaseAdapter {

    protected Context mContext;
    protected List<T> listDatas = null;
    protected int mLayoutId;
    protected int column = ;// 每行要顯示的列數[預設是1]
    protected int line_int;// 計算得到的行數
    protected int column_yu;// 一行多列,不能整除時,最後一行的列數

    /**
     * 擴充卡
     * 
     * @param context
     *            上下文
     * @param data
     *            資料源
     * @param layoutId
     *            layout資源檔案ID
     * @param setcolumn
     *            設定每行要顯示的列數[預設是1]
     */
    public MtjBaseAdapter(Context context, List<T> data, int layoutId,
            int setcolumn) {
        this.mContext = context;
        this.listDatas = data;
        this.mLayoutId = layoutId;
        if (setcolumn >= ) {
            column = setcolumn;
        }
    }

    @Override
    public int getCount() {
        column_yu = listDatas.size() % column;
        if (column_yu > ) {
            line_int = listDatas.size() / column + ;
        } else {
            line_int = listDatas.size() / column;
        }
        return line_int;
    }

    @Override
    public T getItem(int position) {
        return listDatas.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    /**
     * 添加單條資料項
     * 
     * @param item
     */
    public void addItem(T item) {
        this.listDatas.add(item);
    }

    /**
     * 設定資料源
     * 
     * @param data
     */
    public void setListDatas(List<T> data) {
        this.listDatas = data;
    }

    /**
     * 清除資料源
     */
    public void clear() {
        this.listDatas.clear();
    }

    /**
     * 重新整理資料源
     */
    public void refresh() {
        this.notifyDataSetChanged();
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        MtjBaseViewHolder holder = MtjBaseViewHolder.get(mContext, convertView,
                parent, mLayoutId);
        List<T> models = new ArrayList<T>();
        int[] positions = null;
        //可以被整除,正常傳回每行的資料
        if (column_yu == ) {
            positions = new int[column];
            for (int i = ; i < column; i++) {
                int posi = position * column + i;
                T model = listDatas.get(posi);
                models.add(model);
                positions[i] = posi;
            }
        } else {
            //不能整除時,判斷
            // 是否是最後一行,是,傳回剩餘的列的資料
            if (position == listDatas.size() / column) {
                positions = new int[column_yu];
                for (int i = ; i < column_yu; i++) {
                    int posi = position * column + i;
                    T model = listDatas.get(posi);
                    models.add(model);
                    positions[i] = posi;
                }
            } else {
                //否,正常傳回每行的資料
                positions = new int[column];
                for (int i = ; i < column; i++) {
                    int posi = position * column + i;
                    T model = listDatas.get(posi);
                    models.add(model);
                    positions[i] = posi;
                }
            }
        }
        convert(holder, positions, models);
        return holder.getConvertView();
    }

    /**
     * 在子類中實作該方法
     * 
     * @param holder
     *            清單項
     * @param positions
     * @param models
     *            每行的資料集,每行有幾列就傳回幾個model。第一列對應資料下标0,一一對應,以此類推。
     *            不滿列數的設定setVisibility(View.INVISIBLE);
     */
    public abstract void convert(MtjBaseViewHolder holder, int[] positions,
            List<T> models);

}
           

因為一行可能有多列,是以在子類中實作的convert()方法傳回的每行的資料集,在設定資料的時候,根據下标去周遊設定1、2、3。。。列的資料。

好了,很羅嗦的把源碼給整完了,下面是執行個體的應用了:

1、首先是item.xml,例如每行三列,結構是這樣的,代碼就不貼了。。。:

打造ListView萬能Adapter,且支援一行多列的顯示方式
打造ListView萬能Adapter,且支援一行多列的顯示方式

我們在布局裡先将每一個 ll_layout_1 設定為 android:visibility=”invisible”。是因為最後一行不是滿列時,也要占位啊。。。

2、繼承MtjBaseAdapter,在convert()方法裡,實作自己的資料設定。

public class twoitemAdapter extends MtjBaseAdapter<SchoolModel> {

    public twoitemAdapter(Context context, List<SchoolModel> data,
            int layoutId, int setcolumn) {
        super(context, data, layoutId, setcolumn);
        // TODO Auto-generated constructor stub
    }

    @Override
    public void convert(MtjBaseViewHolder holder, int[] positions,
            List<SchoolModel> models) {
        // TODO Auto-generated method stub
        for (int i = ; i < positions.length; i++) {
            switch (i) {
            case :
                holder.getLinearLayout(R.id.ll_layout_1).setVisibility(
                        View.VISIBLE);
                holder.setText(R.id.tv_zuo, models.get(i).getSchool_id());
                break;
            case :
                holder.getLinearLayout(R.id.ll_layout_2).setVisibility(
                        View.VISIBLE);
                holder.setText(R.id.tv_you, models.get(i).getSchool_id());
                break;
            case :
                holder.getLinearLayout(R.id.ll_layout_3).setVisibility(
                        View.VISIBLE);
                holder.setText(R.id.tv_san, models.get(i).getSchool_id());
                break;
            default:
                break;
            }
        }
    }
}
           

這裡就展現了我們封裝的MtjBaseViewHolder的優勢了,例如: holder.setText(R.id.tv_zuo, models.get(i).getSchool_id());。我們隻需要知道控件的id,和要設定資料就行了,什麼view的複用都不要我們去想。

3、 最後就是為listview設定擴充卡了:

/**
     * 參數說明
     * @param context 上下文
     * @param data 資料源
     * @param layoutId layout的資源id
     * @param setcolumn 設定一行要顯示幾列【預設是1】
     */
twoitemAdapter adapter = new twoitemAdapter(getPageContext(), list,R.layout.item_two_count, )
           

OK!從實作的多列執行個體來看,簡直就是分分鐘啊,50行代碼有沒有??關鍵是萬能啊!能滿足大多數的需求,有沒有???

遵循記錄與分享的原則,歡迎留言批評。

關注公衆号,長期分享技術幹貨:

打造ListView萬能Adapter,且支援一行多列的顯示方式