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<UserCrownRankVo> mUserCrownRankList = null;
    private LayoutInflater mInflater = null;
    private String mMachineId = null;
    
    private DisplayImageOptions options;
    
    public void setUserCrownRankList(List<UserCrownRankVo> userCrownRankList) {
        this.mUserCrownRankList = userCrownRankList;
        notifyDataSetChanged();
    }

    public UserRankListAdapter(Context context, List<UserCrownRankVo> 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。

最终效果：

多布局排行榜效果

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

最后编辑于：2017.12.03 05:11:34

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 217,084评论 6赞 503
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 92,623评论 3赞 392
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 163,450评论 0赞 353
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 58,322评论 1赞 293
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 67,370评论 6赞 390
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 51,274评论 1赞 300
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 40,126评论 3赞 418
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 38,980评论 0赞 275
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 45,414评论 1赞 313
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 37,599评论 3赞 334
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 39,773评论 1赞 348
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 35,470评论 5赞 344
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 41,080评论 3赞 327
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 31,713评论 0赞 22
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 32,852评论 1赞 269
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 47,865评论 2赞 370
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 44,689评论 2赞 354

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

推荐阅读更多精彩内容