android|android 实现listview的adapter多种布局方式 android实现listview的adapter多种布

这两天在实现某模块的排行榜功能，看了UI给的效果图和切图，感觉有点郁闷，因为平时使用listview时，子项都是只有一种布局方式，而这次却有两种。于是专门研究了下，发现重写adapter的getItemViewType（）和getViewTypeCount（）方法就可以实现多种布局方式，把自己的实现贴出来共享下。
步骤：

重写 getViewTypeCount() – 返回你有多少个不同的布局；
重写 getItemViewType(int) – 由position返回view type id；
根据view item的类型，在getView中创建正确的convertView。

我用的listview的adapter是：

package com.eebbk.syncenglish.view; import java.util.List; import com.eebbk.bbksn.BBKSn; import com.eebbk.englishwords.bean.UserCrownRankVo; import com.eebbk.englishwords.data.config.pojo.UserInfo; import com.eebbk.open.common.util.ListUtils; import com.eebbk.syncenglish.R; import com.eebbk.syncenglish.util.Utils; import com.nostra13.universalimageloader.core.DisplayImageOptions; import com.nostra13.universalimageloader.core.ImageLoader; import android.annotation.SuppressLint; import android.content.Context; import android.graphics.Bitmap; import android.text.TextUtils; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.webkit.WebView.FindListener; import android.widget.BaseAdapter; import android.widget.ImageView; import android.widget.RelativeLayout; import android.widget.TextView; public class UserRankListAdapter extends BaseAdapter {private static final int RANT_NUM_0 = 0; private static final int RANT_NUM_1 = 1; private static final int RANT_NUM_2 = 2; private static final int RANT_NUM_3 = 3; private static final int RANT_NUM_4 = 4; private static final int RANT_NUM_5 = 5; private static final int RANT_NUM_6 = 6; private static final int RANT_NUM_7 = 7; private static final int RANT_NUM_8 = 8; private static final int RANT_NUM_9 = 9; /** 前三名次 */ private static final int TYPE_TOP = 0; /** 其他名次 */ private static final int TYPE_OTHER = 1; private Context mContext = null; private List mUserCrownRankList = null; private LayoutInflater mInflater = null; private String mMachineId = null; private DisplayImageOptions options; public void setUserCrownRankList(List userCrownRankList) { this.mUserCrownRankList = userCrownRankList; notifyDataSetChanged(); }public UserRankListAdapter(Context context, List userCrownRankList) { this.mContext = context; this.mUserCrownRankList = userCrownRankList; mInflater = LayoutInflater.from(mContext); mMachineId = BBKSn.getBBKSn(); options = new DisplayImageOptions.Builder().cacheInMemory(true).cacheOnDisc(true).cacheOnDisk(true).considerExifParams(true).bitmapConfig(Bitmap.Config.ARGB_8888).showImageOnLoading(R.drawable.default_head).build(); }@Override public int getItemViewType(int position) { if (position < 3) { return TYPE_TOP; } else { return TYPE_OTHER; } }@Override public int getViewTypeCount() { return 2; }@Override public int getCount() { return ListUtils.isEmpty(mUserCrownRankList) ? 0 : mUserCrownRankList.size(); }@Override public Object getItem(int position) { return ListUtils.isEmpty(mUserCrownRankList) ? null : mUserCrownRankList.get(position); }@Override public long getItemId(int position) { return position; }@SuppressLint("InflateParams") @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder holder; int viewType = getItemViewType(position); if (convertView == null) { holder = new ViewHolder(); if (viewType == TYPE_TOP) { convertView = mInflater.inflate(R.layout.layout_rank_list_top_item, null); } else { convertView = mInflater.inflate(R.layout.layout_rank_list_item, null); }holder.itemBgIv = (ImageView) convertView.findViewById(R.id.item_bg_id); holder.rankLayout = (RelativeLayout) convertView.findViewById(R.id.userrank_rank_layout_id); holder.nickNameTv = (TextView) convertView.findViewById(R.id.user_nickname_id); holder.beanNumTv = (TextView) convertView.findViewById(R.id.user_bean_num_id); holder.crownNumTv = (TextView) convertView.findViewById(R.id.user_crown_num_id); holder.rankIv1 = (ImageView) convertView.findViewById(R.id.rank_iv_id_1); holder.rankIv2 = (ImageView) convertView.findViewById(R.id.rank_iv_id_2); holder.headIconIv = (ImageView) convertView.findViewById(R.id.user_head_icon_id); convertView.setTag(holder); } else { holder = (ViewHolder) convertView.getTag(); }if (ListUtils.isEmpty(mUserCrownRankList) || position >= mUserCrownRankList.size()) { return convertView; }UserCrownRankVo userCrownRankVo = mUserCrownRankList.get(position); int rankNum = userCrownRankVo.getRanknum(); String nameStr = userCrownRankVo.getUserAlias(); if(!TextUtils.isEmpty(mMachineId) && userCrownRankVo.getMachineId().equal(mMachineId) ){ UserInfo userInfo = Utils.GetUserInfo(mContext); if( userInfo != null && !TextUtils.isEmpty(userInfo.mNickName)){ nameStr = userInfo.mNickName; } } setUserHeadIcon(holder.headIconIv,userCrownRankVo.getMachineId(),userCrownRankVo.getHeadPortrait()); holder.nickNameTv.setText(nameStr); holder.beanNumTv.setText(userCrownRankVo.getDiligenceBeanNum() + ""); holder.crownNumTv.setText(userCrownRankVo.getCrown() + ""); if(viewType == TYPE_OTHER){ holder.rankLayout.setVisibility(View.VISIBLE); setUserRankPic(holder.rankIv1,holder.rankIv2,rankNum); }else{ setItemBackground(holder.itemBgIv,rankNum); if(rankNum == 1){ holder.nickNameTv.setTextColor(0xffff05dd); holder.crownNumTv.setTextColor(0xffff05dd); }else if(rankNum == 2){ holder.nickNameTv.setTextColor(0xffa405ff); holder.crownNumTv.setTextColor(0xffa405ff); }else if(rankNum == 3){ holder.nickNameTv.setTextColor(0xff0da4fe); holder.crownNumTv.setTextColor(0xff0da4fe); } }return convertView; }private void setUserRankPic(ImageView rankNumIv1,ImageView rankNumIv2,int userRank){ if(userRank < 10){ rankNumIv2.setVisibility(View.GONE); int numPicId = getRankNumPicId(userRank); rankNumIv1.setBackgroundResource(numPicId); }else{ rankNumIv2.setVisibility(View.VISIBLE); int numPicId1 = getRankNumPicId(userRank/10); int numPicId2 = getRankNumPicId(userRank%10); rankNumIv1.setBackgroundResource(numPicId1); rankNumIv2.setBackgroundResource(numPicId2); } }private void setUserHeadIcon(ImageView headIconIv,String userId,String headIconUrl){ if(!TextUtils.isEmpty(mMachineId) && userId.equal(mMachineId)){ setMyHeadIconIv(headIconIv); }else{ setUserOtherHeadIconIv(headIconIv,headIconUrl); } }private void setUserOtherHeadIconIv(ImageView headIconIv ,String headIconUrl ){ ImageLoader.getInstance().displayImage(headIconUrl, headIconIv, options); }private void setMyHeadIconIv(ImageView headIconIv) { UserInfo userInfo = Utils.GetUserInfo(mContext); if (userInfo != null) { Bitmap headBitmap = Utils.GetUserHeadPic(userInfo); if (headBitmap != null) { headIconIv.setImageBitmap(Utils.getBitmapWithBackGround(headBitmap)); } else { headIconIv.setImageResource(R.drawable.default_head); } } else { headIconIv.setImageResource(R.drawable.default_head); } }private void setItemBackground(ImageView itemBgIv, int rank) { int rId = R.drawable.user_rank_item_no_other; switch (rank) { case 1: rId = R.drawable.user_rank_item_no_1; break; case 2: rId = R.drawable.user_rank_item_no_2; break; case 3: rId = R.drawable.user_rank_item_no_3; break; default: break; }itemBgIv.setBackgroundResource(rId); }class ViewHolder { ImageView itemBgIv; TextView nickNameTv; TextView beanNumTv; TextView crownNumTv; RelativeLayout rankLayout; ImageView rankIv1; ImageView rankIv2; ImageView headIconIv; }private int getRankNumPicId(int num) { int numPicId = 0; switch (num) { case RANT_NUM_0: numPicId = R.drawable.rank_0; break; case RANT_NUM_1: numPicId = R.drawable.rank_1; break; case RANT_NUM_2: numPicId = R.drawable.rank_2; break; case RANT_NUM_3: numPicId = R.drawable.rank_3; break; case RANT_NUM_4: numPicId = R.drawable.rank_4; break; case RANT_NUM_5: numPicId = R.drawable.rank_5; break; case RANT_NUM_6: numPicId = R.drawable.rank_6; break; case RANT_NUM_7: numPicId = R.drawable.rank_7; break; case RANT_NUM_8: numPicId = R.drawable.rank_8; break; case RANT_NUM_9: numPicId = R.drawable.rank_9; break; default: break; }return numPicId; } }

【android|android 实现listview的adapter多种布局方式】需要特别注意的是：getItemViewType（）里的type必须从0开始计数，并且让getViewTypeCount>getItemViewType，不然会用的时候回报错，这是我趟坑的收获之一。
一开始我写的是，TYPE_TOP = 1 ， TYPE_OTHER = 2，结果遇到数组越界异常。于是写成TYPE_TOP = 0 ， TYPE_OTHER = 1。
最终效果：