ListView用起來還是比較簡單的，也是Android應用程序中最重要的一個組件，但其他ListView可以隨你所願，能夠完成很多想要的精美列表，而這正是我們接下來要學習的內容。

一、自定義ArrayAdapter

從上期自定義列表項示例知道，每個列表項的圖標都一樣，如果需要每個列表項的圖標根據內容動態表示，Android系統的ArrayAdapter就無能為力了，就只能使用自定義ArrayAdapter來實現啦。

做法就是創建一個ArrayAdapter的子類，重寫其getView()方法，再構建不同的列表項。其中getView()方法返回的是一個View，也就是與Adapter數據對應的相應位置的行。

在學習自定義ArrayAdapter前，一起先來學習一下LayoutInflater類。在實際開發中LayoutInflater這個類還是非常有用的，它的作用類似於findViewById()。不同點是LayoutInflater是用來找res/layout/下的xml布局文件並實例化；而findViewById()是找xml布局文件下的具體widget控件（如Button、TextView等）。

LayoutInflater 是一個抽象類，獲得 LayoutInflater 實例有以下三種方式。

// 通過Activity獲取

LayoutInflaterinflater=getLayoutInflater();



 
// 通過靜態方法獲取

LayoutInflaterinflater=LayoutInflater.from(context);



// 通過系統服務獲取

LayoutInflaterinflater= (LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

其實這三種方式最終本質是都是調用的Context.getSystemService()，關於該方法的使用會在後續內容進行學習。

獲得LayoutInflater 實例後，就可以調用inflater.inflater()方法來查找並實例化布局文件了，常用於獲得ListView的每個Item布局。

二、示例

接下來用一個示例來學習如何自定義ArrayAdapter，需要重寫getView()方法，在不同對的行中根據內容顯示不同的圖標。要顯示的圖標根據顯示的字符串首字母來判斷，如果以字母“a”或者“A”開頭，就顯示一張字母A的圖標。

繼續使用WidgetSample工程的listviewsample模塊，在app/main/res/layout/目錄下創建custom_arrayadapter_layout.xml文件，在其中填充如下代碼片段：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">

    <ListView
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</LinearLayout>

然後在res/layout/目錄下新建一個custom_arrayadapter_item.xml的列表項布局文件，其代碼如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="horizontal"
              android:gravity="center_vertical">

    <ImageView
        android:id="@+id/letter_img"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:padding="5dp"
        android:src="@mipmap/ic_launcher"/>

    <TextView
        android:id="@+id/content_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="24sp"
        android:textColor="#b6400e"/>
</LinearLayout>

再創建一個MyArrayAdapter類，繼承ArrayAdapter類，重寫getView()方法，具體代碼如下：

package com.jinyu.cqkxzsxy.android.listviewsample.adapter;

import android.app.Activity;
import android.support.annotation.NonNull;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import com.jinyu.cqkxzsxy.android.listviewsample.R;

/**
 * @創建者 鑫鱻
 * @描述 Android零基礎入門到精通系列教程，歡迎關註微信公眾號ShareExpert
 */
public class MyArrayAdapter extends ArrayAdapter {
    private Activity mContext = null; // 上下文環境
    private int mResourceId; // 列表項布局資源ID
    private String[] mItems; // 列表內容數組

    public MyArrayAdapter(Activity context, int resId, String[] items){
        super(context, resId, items);
        // 保存參數
        mContext = context;
        mResourceId = resId;
        mItems = items;
    }

    @NonNull
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        // 獲取LayoutInflater對象
        LayoutInflater inflater = mContext.getLayoutInflater();
        // 裝載列表項視圖
        View itemView = inflater.inflate(mResourceId, null);

        // 獲取列表項之組件
        TextView contentTv = (TextView) itemView.findViewById(R.id.content_tv);
        ImageView letterImg = (ImageView) itemView.findViewById(R.id.letter_img);

        // 取出要顯示的數據
        String content = mItems[position].trim();

        // 給TextView設置顯示值
        contentTv.setText(content);
        // 根據內容首字母判斷要顯示的圖標
        if(content.startsWith("a") || content.startsWith("A")) {
            letterImg.setImageResource(R.drawable.letter_a);
        } else if(content.startsWith("b") || content.startsWith("B")) {
            letterImg.setImageResource(R.drawable.letter_b);
        } else if(content.startsWith("c") || content.startsWith("C")) {
            letterImg.setImageResource(R.drawable.letter_c);
        } else if(content.startsWith("d") || content.startsWith("D")) {
            letterImg.setImageResource(R.drawable.letter_d);
        } else if(content.startsWith("e") || content.startsWith("E")) {
            letterImg.setImageResource(R.drawable.letter_e);
        }

        // 返回列表項視圖
        return itemView;
    }
}

在上述代碼中，重寫了getView()方法，以便根據要顯示的對象返回列表項，其中對象是用Adapter中的位置索引來表示的。

通過LayoutInflater獲取到的View對象，實際上就有由列表項布局文件，包含ImageView和TextView的LinearLayout。然後找到ImageView和TextView組件，填充內容給TextView，並根據內容的首字母來判斷ImageView要顯示的字母圖標。

接下來為ListView提供Adapter，使用自定義ArrayAdapter決定ListView所要顯示的列表項。新建CustomArrayAdapterActivity.java文件，加載上面新建的布局文件，具體代碼如下：

package com.jinyu.cqkxzsxy.android.listviewsample;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.ListView;

import com.jinyu.cqkxzsxy.android.listviewsample.adapter.MyArrayAdapter;

public class CustomArrayAdapterActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.custom_arrayadapter_layout);

        // 獲取界面組件
        ListView listView = (ListView) findViewById(R.id.listview);

        // 定義要顯示的數組
        String[] contents = {"Android", "demo", "Edit", "APP", "excel",
                "dota", "Button", "Circle", "excel", "back"};

        // 將數組包裝為自定義MyArrayAdapter
        MyArrayAdapter adapter = new MyArrayAdapter(this, R.layout.custom_arrayadapter_item, contents);

        // 為ListView設置Adapter
        listView.setAdapter(adapter);
    }
}

可以發現，使用自定義ArrayAdapter和使用Android原生ArrayAdapter的步驟是一樣的。

修改啟動的Activity，運行程序，可以看到下圖所示界面效果。

從上圖可以看出，這個顯然比之前的示例界面更實用，可以動態顯示列表項內容，可以設計出非常美觀的列表頁面。

今天就先到這裏，如果有問題歡迎留言一起探討，也歡迎加入Android零基礎入門技術討論微信群，共同成長！

此文章版權為微信公眾號分享達人秀（ShareExpert）——鑫鱻所有，若需轉載請聯系作者授權，特此聲明！

往期總結分享：

Android零基礎入門第1節：Android的前世今生

Android零基礎入門第2節：Android 系統架構和應用組件那些事

Android零基礎入門第3節：帶你一起來聊一聊Android開發環境

Android零基礎入門第4節：正確安裝和配置JDK, 高富帥養成第一招

Android零基礎入門第5節：善用ADT Bundle, 輕松邂逅女神

Android零基礎入門第6節：配置優化SDK Manager, 正式約會女神

Android零基礎入門第7節：搞定Android模擬器，開啟甜蜜之旅

Android零基礎入門第8節：HelloWorld，我的第一趟旅程出發點

Android零基礎入門第9節：Android應用實戰，不懂代碼也可以開發

Android零基礎入門第10節：開發IDE大升級，終於迎來了Android Studio

Android零基礎入門第11節：簡單幾步帶你飛，運行Android Studio工程

Android零基礎入門第12節：熟悉Android Studio界面，開始裝逼賣萌

Android零基礎入門第13節：Android Studio配置優化，打造開發利器

Android零基礎入門第14節：使用高速Genymotion，跨入火箭時代

Android零基礎入門第15節：掌握Android Studio項目結構，揚帆起航

Android零基礎入門第16節：Android用戶界面開發概述

Android零基礎入門第17節：TextView屬性和方法大全

Android零基礎入門第18節：EditText的屬性和使用方法

Android零基礎入門第19節：Button使用詳解

Android零基礎入門第20節：CheckBox和RadioButton使用大全

Android零基礎入門第21節：ToggleButton和Switch使用大全

Android零基礎入門第22節：ImageView的屬性和方法大全

Android零基礎入門第23節：ImageButton和ZoomButton使用大全

Android零基礎入門第24節：自定義View簡單使用，打造屬於你的控件

Android零基礎入門第25節：簡單且最常用的LinearLayout線性布局

Android零基礎入門第26節：兩種對齊方式，layout_gravity和gravity大不同

Android零基礎入門第27節：正確使用padding和margin

Android零基礎入門第28節：輕松掌握RelativeLayout相對布局

Android零基礎入門第29節：善用TableLayout表格布局

Android零基礎入門第30節：兩分鐘掌握FrameLayout幀布局

Android零基礎入門第31節：少用的AbsoluteLayout絕對布局

Android零基礎入門第32節：新推出的GridLayout網格布局

Android零基礎入門第33節：Android事件處理概述

Android零基礎入門第34節：Android中基於監聽的事件處理

Android零基礎入門第35節：Android中基於回調的事件處理

Android零基礎入門第36節：Android系統事件的處理

Android零基礎入門第37節：初識ListView

Android零基礎入門第38節：初識Adapter

Android零基礎入門第39節：ListActivity和自定義列表項

Android零基礎入門第40節：自定義ArrayAdapter