android 實(shí)現(xiàn)listview的adapter多種布局方式

這兩天在實(shí)現(xiàn)某模塊的排行榜功能，看了UI給的效果圖和切圖，感覺(jué)有點(diǎn)郁悶，因?yàn)槠綍r(shí)使用listview時(shí)，子項(xiàng)都是只有一種布局方式，而這次卻有兩種。于是專(zhuān)門(mén)研究了下，發(fā)現(xiàn)重寫(xiě)adapter的getItemViewType（）和getViewTypeCount（）方法就可以實(shí)現(xiàn)多種布局方式，把自己的實(shí)現(xiàn)貼出來(lái)共享下。
步驟：

  1. 重寫(xiě) getViewTypeCount() – 返回你有多少個(gè)不同的布局；
  2. 重寫(xiě) getItemViewType(int) – 由position返回view type id；
  3. 根據(jù)view item的類(lèi)型，在getView中創(chuàng)建正確的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開(kāi)始計(jì)數(shù)，并且讓getViewTypeCount>getItemViewType，不然會(huì)用的時(shí)候回報(bào)錯(cuò)，這是我趟坑的收獲之一。
一開(kāi)始我寫(xiě)的是，TYPE_TOP = 1 ， TYPE_OTHER = 2，結(jié)果遇到數(shù)組越界異常。于是寫(xiě)成TYPE_TOP = 0 ， TYPE_OTHER = 1。

最終效果：

多布局排行榜效果

寫(xiě)的比較粗淺，歡迎評(píng)論一起探討！

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,172評(píng)論 25贊 708
  • 簡(jiǎn)介 在Android開(kāi)發(fā)中ListView是比較常用的組件。 以列表的形式展示具體內(nèi)容。 并且能夠根據(jù)數(shù)據(jù)的長(zhǎng)度...
    上善若水Ryder閱讀 7,090評(píng)論 2贊 5
  • 1、焦慮是什么？ 焦慮來(lái)自于對(duì)自己所關(guān)心事物的不確定性因素。 如果某一件事情你根本就不關(guān)心，對(duì)你來(lái)說(shuō)一點(diǎn)也不重要，...
    刻意練習(xí)社區(qū)閱讀 288評(píng)論 1贊 3
  • #快樂(lè)媽媽時(shí)間管理#打卡第1天 今天是時(shí)間管理訓(xùn)練營(yíng)的第一講，聽(tīng)到Maggie講到人的一生只有900個(gè)格子，突然不...
    格格貓_真閱讀 252評(píng)論 0贊 0
  • 八佾篇第三 孔子謂季氏：“八佾舞于庭，是可忍，孰不可忍也！” 三家者以《雍》徹。子曰：“‘相維辟公，天子穆穆，’奚...
    蘇蘇落葉閱讀 320評(píng)論 0贊 0

友情鏈接更多精彩內(nèi)容