android listview 两种布局,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;

}

}

需要特别注意的是：getItemViewType()里的type必须从0开始计数，并且让getViewTypeCount>getItemViewType，不然会用的时候回报错，这是我趟坑的收获之一。

一开始我写的是，TYPE_TOP = 1 ， TYPE_OTHER = 2，结果遇到数组越界异常。于是写成TYPE_TOP = 0 ， TYPE_OTHER = 1。

最终效果：

多布局排行榜效果

写的比较粗浅，欢迎评论一起探讨！