2. 程式人生 > >android 實現listview的adapter多種佈局方式

android 實現listview的adapter多種佈局方式

阿新 • • 發佈：2019-02-14

這兩天在實現某模組的排行榜功能，看了UI給的效果圖和切圖，感覺有點鬱悶，因為平時使用listview時，子項都是隻有一種佈局方式，而這次卻有兩種。於是專門研究了下，發現重寫adapter的getItemViewType（）和getViewTypeCount（）方法就可以實現多種佈局方式，把自己的實現貼出來共享下。
步驟:
1. 重寫 getViewTypeCount() – 返回你有多少個不同的佈局；
2. 重寫 getItemViewType(int) – 由position返回view type id；
3. 根據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。

最終效果：

多佈局排行榜效果

寫的比較粗淺，歡迎評論一起探討！

相關推薦

android 實現listview的adapter多種佈局方式

這兩天在實現某模組的排行榜功能，看了UI給的效果圖和切圖，感覺有點鬱悶，因為平時使用listview時，子項都是隻有一種佈局方式，而這次卻有兩種。於是專門研究了下，發現重寫adapter的getItemViewType（）和getViewTypeCount（）方

android之路，佈局方式

android佈局方式—Linearlayout 線性佈局是最常見的佈局方式，它可以分為水平佈局和垂直佈局。 Android：layout_width寬度設定，有兩種常見的值fill_parent填充父容器，wrap_content包裹內容 Android：layout_height設定

Android學習——五種佈局方式

android中常見佈局： - RelativeLayout相對佈局 - AbsoluteLayout絕對佈局 - LinearLayout線性佈局 - TableLayout表格佈局 - FrameLayout幀佈局 注意：佈局儘可能不要

android實現彈窗的方式彙總

近期公司人事調整，自己也從之前的基礎部門轉到了商業產品部門，整體的業務有了不小的變動，最近閱讀相關業務程式碼的時候，發現商業方向的產品需求較多的涉及android的彈窗，所以自己有必要在這裡做以總結和整理。 ！！！最佳應用場景： popupwindow、dialog、di

Android ListView載入多種佈局

我們經常看到聊天介面有各種佈局顯示，例如微信，網上也很多寫相關的文章，這裡值寫一個簡單的demo，先上一張圖看下效果 效果圖就如圖片右側，接下來我們看下demo怎麼實現多種Item的載入。 這裡還是使用listview，也可以使用其他開源的控制元件如PullToRefr

Android------實現圖片雙擊放大，縮小，左右滑動的多種方式

params getcount androi nullable per try out 多圖 tro 項目中常常有圖片瀏覽功能。像微信朋友圈圖片瀏覽，QQ空間照片瀏覽 的功能。 實現圖片雙擊放大，縮小，左右滑動等效果。 來看看我的效果圖，希望能滿足你的要求 前

css多種方式實現等寬佈局

本文講的等寬佈局是在不手動設定元素寬度的情況下，使用純css實現各個元素寬度都相當的效果。 1、使用table-cell實現(相容ie8) &lt;style&gt; body,div{ margin: 0; padding:

Android實現計算器佈局（四種佈局方式）之TableLayout表格佈局

表格佈局：tablelayout table佈局不支援跨行跨列，所以主要佈局的思想就是表格巢狀 效果 outline 之前一直到不知道怎麼用表格實現計算器的佈局，查資料的時候也一直在考慮跨行跨列來實現，網上說table佈局不

Android學習系列(二)佈局管理器之線性佈局的3種實現方式

轉載請註明出處：http://blog.csdn.net/lhy_ycu/article/details/39643669        LinearLayout是Android控制元件中的線性佈局

Android實現推送方式解決方案

都是 device andro broker dev 常見 剛才 設置 互聯網 　本文介紹在Android中實現推送方式的基礎知識及相關解決方案。推送功能在手機開發中應用的場景是越來起來了，不說別的，就我們手機上的新聞客戶端就時不j時的推送過來新的消息，很方便的閱讀最新的新

Android四種佈局方式

線性佈局 <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orienta

Android實現儲存圖片，長圖、長佈局（webView等）

最近開發遇到一個問題，分享的時候 需要分享一個佈局內容，但是要用圖片分享的格式，最開始思考感覺不可能實現，手機上很少有功能可以實現長圖儲存的， 可是經理說，髮長微博的時候就是自動儲存的長圖片，頓時傻眼了，人家是怎麼做的呢？？？ 本已經放棄該功能，可這麼一說，又開始在網上找，並沒有很明確的找到

Android RecyclerView點選事件實現的兩種方式

因為經常會用到RecyclerView，今天在這裡總結一下實現RecyclerView點選事件的實現方法 一、通過介面回撥的方式實現     1. 首先定義一個點選的介面（Recyclerview自身不帶有點選事件的回撥） public interface OnRec

Android RecyclerView點選事件實現的幾種方式

因為經常會用到RecyclerView，今天在這裡總結一下實現RecyclerView點選事件的實現方法 一、通過介面回撥的方式實現     1. 首先定義一個點選的介面（Recyclerview自身不帶有點選事件的回撥） public interface OnRec

Android RecyclerView優雅實現複雜列表佈局（二）

轉載：https://blog.csdn.net/huang3513/article/details/62046528 前言 學習了（一）中那個RecyclerView的一些基礎知識，如果沒有具體看懂可以再返回看不一樣的RecyclerView優雅實現複雜列表佈局（一），那麼接下來我們就在（

Android RecyclerView優雅實現複雜列表佈局（一）

轉載：https://blog.csdn.net/huang3513/article/details/62044688 前言 在多彩佈局不斷呈現的今天，多佈局混合排布成為一個時尚，今天就結合Holder實現RecyclerView複雜列表佈局。  效果圖如下（三種佈局）： 

Python程式設計實現對2個字串最長的公共子串的多種求解方式，效能測試及優化

解法1-暴力求解法： def LongestCommonSubstring(FirstString,SecondString): ''' 求最長子串解法1： 以字串1的每個漢字作為起始位置 去字串2中找到能與之匹配的最長長度 將這個長度和記錄的最長長度比較

【Android】一、Progress進度條實現的三種方式：主執行緒實現，Service載入，動態建立

前言 更新版本，上傳資料到服務端，都是需要進度顯示的，Android進度顯示兩種方式 ProgressDialog 和 ProgressBar 新版本中ProgressDialog不被推薦使用，所以專案採用ProgressBar 分為三種實現方式： 1、MainAct

Android 實現輪播圖效果 底部圓點佈局實現

1、準備底部圓點的素材、利用Drawable的功能，去實現一個圓點圖片的展示 drawable下新建兩個Drawable resource file：dot_normal.xml和dot_select.xml dot_normal.xml <?xml vers

基於AndroidStudio開發Android實現簡單的註冊登入 POST方式提交資料

登入佈局頁面 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns