老規矩,先上效果圖(以每行三列為例)
下面就是放出源碼,最後再給出應用的執行個體:
為了更好的實作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,例如每行三列,結構是這樣的,代碼就不貼了。。。:
我們在布局裡先将每一個 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行代碼有沒有??關鍵是萬能啊!能滿足大多數的需求,有沒有???
遵循記錄與分享的原則,歡迎留言批評。
關注公衆号,長期分享技術幹貨: