android實現分組字母索引顯示的listview

最近項目中有一個通訊錄的模塊，為了使體驗效果更佳，和系統通訊錄一樣可以分組索引，於是自己用framlayout,嵌套listview和分組索引的布局方式實現的

我的代碼中，寫了兩個界面實現，其中一個是添加對象list，另一個是string數組用到了排序，具體邏輯也不一樣，我推薦使用前者；

先貼張效果圖；

下面就說下我的實現思路和具體代碼：

布局文件如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="match_parent"
    android:background="#ffffff"
    android:orientation="vertical" >

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:padding="10dp"
        android:textColor="#000"
        android:textSize="16sp"
        android:text="分組索引listview列表" />

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#ffffff" >

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

        <TextView
            android:id="@+id/tv"
            android:layout_width="60dp"
            android:layout_height="60dp"
            android:layout_gravity="center"
            android:background="#f0606060"
            android:gravity="center"
            android:text="A"
            android:textColor="#ffffff"
            android:textSize="30sp" />

        <LinearLayout
            android:id="@+id/layout"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_gravity="right"
            android:background="#d7d7d7"
            android:gravity="center"
            android:orientation="vertical" >
        </LinearLayout>
    </FrameLayout>

</LinearLayout>

圖上看到的字母索引列表，是用過動態生成的，首先需要一個存放英文字母的數組
其中，給最外面的linearlayout添加onTouch事件，滑動時獲取當前滑動的是哪一個字母索引，然后在listview查找item中存在的字段顯示在最前面

    /** 繪制索引列表 */
    public void getIndexView() {
        LinearLayout.LayoutParams params = new LayoutParams(
                LayoutParams.WRAP_CONTENT, height);
        // params.setMargins(10, 5, 10, 0);
        for (int i = 0; i < str.length; i++) {
            final TextView tv = new TextView(this);
            tv.setLayoutParams(params);
            tv.setText(str[i]);
            // tv.setTextColor(Color.parseColor("#606060"));
            // tv.setTextSize(16);
            tv.setPadding(10, 0, 10, 0);
            layoutIndex.addView(tv);
            layoutIndex.setOnTouchListener(new OnTouchListener() {

                @Override
                public boolean onTouch(View v, MotionEvent event)

                {
                    float y = event.getY();
                    int index = (int) (y / height);
                    if (index > -1 && index < str.length) {// 防止越界
                        String key = str[index];
                        if (adapter.getSelector().containsKey(key)) {
                            int pos = adapter.getSelector().get(key);
                            if (listView.getHeaderViewsCount() > 0) {// 防止ListView有標題欄，本例中沒有。
                                listView.setSelectionFromTop(
                                        pos + listView.getHeaderViewsCount(), 0);
                            } else {
                                listView.setSelectionFromTop(pos, 0);// 滑動到第一項
                            }
                            tv_show.setVisibility(View.VISIBLE);
                            tv_show.setText(str[index]);
                        }
                    }
                    switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN:
                        layoutIndex.setBackgroundColor(Color
                                .parseColor("#606060"));
                        break;

                    case MotionEvent.ACTION_MOVE:

                        break;
                    case MotionEvent.ACTION_UP:
                        layoutIndex.setBackgroundColor(Color
                                .parseColor("#00ffffff"));
                        tv_show.setVisibility(View.INVISIBLE);
                        break;
                    }
                    return true;
                }
            });
        }
    }

然后關鍵的地方是在adapter中
1）中間顯示對應的分組字母，通過隱藏和顯示的方式控制

2）遍歷字母數組和當前數據源，將對應字母在adapter中的position保存起來

package com.allen.indexablelist;

import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

/** 實現Filterable接口,編寫過濾規則 */
public class NoteBookadapter extends BaseAdapter {
    private Context ctx;
    private ViewHolder holder;
    List<NoteBookItem> list;
    Map<String, Integer> selector;//鍵值是索引表的字母，值為對應在listview中的位置
    /** 字母表 */
    String index[];

    public NoteBookadapter(Context context, List<NoteBookItem> list,
            String[] index) {
        this.ctx = context;
        this.list = list;    
        this.index = index;
        selector = new HashMap<String, Integer>();
        for (int j = 0; j < index.length; j++) {// 循環字母表，找出list中對應字母的位置
            for (int i = 0; i < list.size(); i++) {
                if (list.get(i).index.equals(index[j].toLowerCase()))
                    selector.put(index[j], i);
            }

        }
    }

    @Override
    public int getCount() {
        // TODO Auto-generated method stub
        return list.size();
    }

    @Override
    public Object getItem(int arg0) {
        // TODO Auto-generated method stub
        return list.get(arg0);
    }

    @Override
    public long getItemId(int position) {
        // TODO Auto-generated method stub
        return 0;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        try {
            if (convertView == null) {
                holder = new ViewHolder();
                convertView = LayoutInflater.from(ctx).inflate(
                        R.layout.note_item, null);
                holder.tv1 = (TextView) convertView.findViewById(R.id.tv1);
                holder.tv2 = (TextView) convertView.findViewById(R.id.tv2);
                holder.iv = (ImageView) convertView.findViewById(R.id.iv_phone);
                holder.tv3 = (TextView) convertView.findViewById(R.id.tv3);
                holder.layout = convertView.findViewById(R.id.layout);
                holder.index = (TextView) convertView
                        .findViewById(R.id.tv_index);
                convertView.setTag(holder);
            } else {
                holder = (ViewHolder) convertView.getTag();
            }
            // 綁定數據
            NoteBookItem item = list.get(position);
            holder.tv1.setText(item.name);
            if (item.number.equals("null"))
                holder.tv2.setText(item.mobile);
            else
                holder.tv2.setText(item.number);
            holder.tv3.setText(item.call);

            // 顯示index
            String currentStr = item.index;
            // 上一項的index
            String previewStr = (position - 1) >= 0 ? list.get(position - 1).index
                    : " ";
            /**
             * 判斷是否上一次的存在
             */
            if (!previewStr.equals(currentStr)) {
                holder.index.setVisibility(View.VISIBLE);
                holder.index.setText(currentStr);//中獎提示的文本顯示當前滑動的字母
            } else {
                holder.index.setVisibility(View.GONE);
            }
        } catch (OutOfMemoryError e) {
            Runtime.getRuntime().gc();
        } catch (Exception ex) {
            // handler.sendEmptyMessage(CommonMessage.PARSE_ERROR);
            ex.printStackTrace();
        }
        return convertView;
    }

    class ViewHolder {
        ImageView iv;
        TextView tv1;
        TextView tv2;
        TextView tv3;
        View layout;
        /** 索引字母 */
        TextView index;
    }

    public Map<String, Integer> getSelector() {
        return selector;
    }

    public void setSelector(Map<String, Integer> selector) {
        this.selector = selector;
    }

    public String[] getIndex() {
        return index;
    }

    public void setIndex(String[] index) {
        this.index = index;
    }
}

 最后我把代碼貼上點擊下載：我這種方式實現雖然跟大牛寫的不一樣，但是基本功能實現了就行