地區選擇功能在APP中是非常常見的，Demo主要簡單實現了快速索引選擇地區的功能，本帖圍繞此demo,介紹如何在RecyclerView中分組展示資料以及快速索引。

先上效果圖：

1.虛擬資料

建立一個類儲存一串json格式的地區資料

/**
 * Created by kun on 2016/10/26.
 * 模擬資料
 */
public class Data {

    public static final String citiesJson = "{\"datas\":[{\"alifName\":\"C\",\"addressList\":[{\"id\":37,\"
 
name\":\"潮州\"}]},{\"alifName\":\"D\",\"addressList\":[{\"id\":20,\"name\":\"東莞\"}]},{\"alifName\":\"F\",\"addressList\":[{\"id\":21,\"name\":\"佛山\"}]},{\"alifName\":\"G\",\"addressList\":[{\"id\":5,\"name\":\"廣州\"}]},{\"alifName\":\"H\",\"addressList\":[{\"id\":29,\"name\":\"惠州\"},{\"id\":32,\"name\"
 
:\"河源\"},{\"id\":33,\"name\":\"河源\"}]},{\"alifName\":\"J\",\"addressList\":[{\"id\":25,\"name\":\"江門\"},{\"id\":38,\"name\":\"揭陽\"}]},{\"alifName\":\"M\",\"addressList\":[{\"id\":27,\"name\":\"茂名\"},{\"id\":30,\"name\":\"梅州\"}]},{\"alifName\":\"Q\",\"addressList\":[{\"id\":7,\"name\":\"泉州\"},{\"id\":35,\"
 
name\":\"清遠\"}]},{\"alifName\":\"S\",\"addressList\":[{\"id\":6,\"name\":\"深圳\"},{\"id\":22,\"name\":\"韶關\"},{\"id\":24,\"name\":\"汕頭\"},{\"id\":31,\"name\":\"汕尾\"}]},{\"alifName\":\"Y\",\"addressList\":[{\"id\":34,\"name\":\"陽江\"},{\"id\":39,\"name\":\"雲浮\"}]},{\"alifName\":\"Z\",\"addressList\":[{\"id\":23,\"name\":\"珠海\"},{\"id\":26,\"name\":\"湛江\"},{\"id\":28,\"name\":\"肇慶\"},{\"id\":36,\"name\":\"中山\"}]}]}";
}

格式如下

{
    "datas":[
        {
            "alifName":"C",
            "addressList":[
                {
                    "id":37,
                    "name":"潮州"
                }
            ]
        }
      ]
}

2.MainActivity

首先看一下佈局檔案，很簡單，就一個RecyclerView。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#f1f6f9">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</RelativeLayout>

接著在MainActivity中初始化資料

 private void initView() {
        recyclerView = (RecyclerView) findViewById(R.id.recyclerView);
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        layoutManager.setOrientation(LinearLayoutManager.VERTICAL);
        recyclerView.setLayoutManager(layoutManager);
        Gson gson = new Gson();
        CitiesBean citiesBean = gson.fromJson(Data.citiesJson, CitiesBean.class);
        adapter = new CitiesAdapter(this,citiesBean.getDatas());
        recyclerView.setAdapter(adapter);
    }

這裡主要給RecyclerView設定了垂直的線性佈局管理者，接著封裝本地的地區資料，然後建立CitiesAdapter，最後設定給RecyclerView。 資料的分組主要是交由Adapter來處理的，因此重點還是在CitiesAdapter中。

3.CitiesAdapter

a.首先CitiesAdapter需要繼承RecyclerView.Adapter

public class CitiesAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder>{
}

b.接著我們要確定Adapter的ItemCount。

結合上圖，在這裡我把搜尋、當前位置、熱門城市做為一個Item，這裡的資料是寫死的。因此ItemCount至少是1。而每個字母以及地區都要單獨佔據應該Item。所以在獲取ItemCount的程式碼如下:

 //獲取資料的數量
    @Override
    public int getItemCount() {
        if (datas == null) return 1;//用於顯示頭部搜尋、定位地區、熱門地區
        int childCount = datas.size();//字母的數量
        for (int i = 0; i < datas.size(); i++) {
            childCount += datas.get(i).getAddressList().size();//地區的數量
        }
        return childCount + 1;
    }

c.對Item的檢視進行分類——實現getItemViewType（）

獲取到Item的數量後，我們要實現getItemViewType（）方法。這是方法是實現分組的關鍵，先看官方API的介紹：

Return the view type of the item at <code>position</code> for the purposes
of view recycling.
<p>The default implementation of this method returns 0, making the assumption of
a single view type for the adapter. Unlike ListView adapters, types need not
be contiguous. Consider using id resources to uniquely identify item view types.

可以大致瞭解到該方法預設是返回0，而返回的引數主要是對應postion的Item身份資源唯一標識，用於View進行建立或回收的時候標識Item的檢視型別。簡單地說我們可以在這個方法中對每個position對應的Item進行檢視型別標識，在onCreateViewHolder中就能根據圖型別標識區分顯示的是頭部搜尋內容、字母或者地區名。

這裡我們有三種檢視型別，分別為頭部搜尋（包含了當前和熱門）、組名（字母）以及地區名。因此我們定義三個常量來代表對應的型別。

 private final int HEAD = 0;
    private final int WORD = 1;
    private final int CITY = 2;

接著是getItemViewType的具體實現

    @Override
    public int getItemViewType(int position) {
        int count = 0;
        if(position==count) return HEAD;//下標為0的固定顯示頭部佈局。

        for(int i = 0; i < cities.size(); i++){
            count++;
            if(position==count){
                return WORD;
            }
            List<CitiesBean.DatasBean.AddressListBean> addressList = cities.get(i).getAddressList();
            for(int j =0;j<addressList.size();j++){
                count++;
                if(position==count){
                    return CITY;
                }
            }
        }
        return super.getItemViewType(position);
    }

從程式碼中我們可以看到，如果下標為0，則返回HEAD。接著是顯示一個分組。從cities中取出第一個分組，此時下標為1時，需要先顯示第一個分組的字母，所以返回WORD，接著遍歷第一個分組中的地區，返回CITY。以此類推。這裡我們就能標識好position對應的Item顯示的檢視。

d.定義ViewHodler

定義三種檢視型別對應的ViewHodler

    public static class HeadViewHolder extends RecyclerView.ViewHolder {
        public HeadViewHolder(View view) {
            super(view);
        }
    }
    public static class WordViewHolder extends RecyclerView.ViewHolder {
        TextView textWord;
        public WordViewHolder(View view) {
            super(view);
            textWord = (TextView) view.findViewById(R.id.textWord);
        }
    }
    public static class CityViewHolder extends RecyclerView.ViewHolder {

        TextView textCity;
        public CityViewHolder(View view) {
            super(view);
            textCity = (TextView) view.findViewById(R.id.textCity);
        }
    }

e.建立檢視——實現onCreateViewHolder方法

@Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {
        if (viewType == TOP) {
            View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.layout_index_select_city_top, viewGroup, false);
            return new TopViewHolder(view);
        } else if (viewType == TITLE) {
            View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item_select_gradute_institution_word, viewGroup, false);
            return new WordViewHolder(view);
        } else {
            View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item_commen_textview, viewGroup, false);
            return new CityItemViewHolder(view);
        }
    }

在這裡可以看到方法中返回了一個viewType引數，這個引數其實就是在getItemViewType中返回的。因此我們可以根據viewType返回對應ViewHolder。

d.進行資料繫結——實現onBindViewHolder（）

 @Override
    public void onBindViewHolder(final RecyclerView.ViewHolder viewHolder, final int position) {

        if (position == 0) {
            topViewHolder = (TopViewHolder) viewHolder;
            initTopViewHolder(topViewHolder);
        } else {
            int count = 0;
            for (int i = 0; i < datas.size(); i++) {
                count += 1;
                if (position == count) {
                    WordViewHolder wordViewHolder = (WordViewHolder) viewHolder;
                    wordViewHolder.textWord.setText(datas.get(i).getAlifName());
                } else {
                    List<AddressListResult.CollectionBean.DatasBean.AddressListBean> addressList = datas.get(i).getAddressList();
                    for (int j = 0; j < addressList.size(); j++) {
                        count += 1;
                        if (position == count) {
                            final AddressListResult.CollectionBean.DatasBean.AddressListBean addressListBean = addressList.get(j);
                            CityItemViewHolder schoolViewHolder = (CityItemViewHolder) viewHolder;
                            schoolViewHolder.textSchoolName.setText(addressListBean.getName());
                            schoolViewHolder.itemView.setOnClickListener(new View.OnClickListener() {
                                @Override
                                public void onClick(View v) {
                                    EventMessage message = new EventMessage();
                                    message.setType(24);
                                    message.setData(addressListBean.getName());
                                    EventBus.getDefault().post(message);
                                    ((Activity) context).finish();
                                }
                            });
                        }
                    }
                }
            }
        }
    }

在這裡，主要還是通過position與count進行對比，區分當前Item對應的檢視型別。其實也可以通過viewHolder.getItemViewType()的方法獲取到當前的檢視型別。但是基於當前的需求場景，通過第一種方法會比較方便，因此這裡採用了position與count進行對比。

到這裡分組的功能就實現了，效果如下：

歡迎繼續閱讀下一篇