Android ListView字母索引(仿微信通讯录列表)

一、设计图

原理简介：

自定义一个View 继承 FrameLayout， 有3个子View： ListView（数据列表）， ListView（索引字母列表）， TextView（索引字母）。

二、字母列表原理

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh)
    {
        super.onSizeChanged(w, h, oldw, oldh);
        
        mLetterAdapter = new LetterAdapter(h-getPaddingTop()-getPaddingBottom());
        mLetterListView.setAdapter(mLetterAdapter);
    }

       onSizeChanged这个方法，会在第一次布局和屏幕发生变化的时候调用，这里取到字母ListView布局后的实际高度，就是参数中的h，让LetterAdapter计算出每个字母的高度，设给字母ListView，以保证所有的字母在view大小发生改变的时候都能显示完整。

       /**
         * 构造方法
         * 
         * @param height view height
         */
        public LetterAdapter(int height)
        {

            ...

            itemHeight = height/letterArray.length;
        }

       而通过上图，当touch字母ListView 的时候，根据计算可以得到点击的是哪个字母，然后通过这个字母找到主ListView的对应的位置，通过主ListView的setSelection方法显示，并且把对应的字母设置到第一张图上面的TextView中。

三、主ListView的适配器设计原理

在主ListView的Adapter的构造中，1插入字母，2记录字母对应的位置（注意：传入的列表须已按着字母顺序排序好）。这样当字母列表滑动的时候，从Map中取出对应字母的位置，并显示即可。

四、使用

布局代码

MainActivity

public class MainActivity extends Activity 
{
    @Override
    protected void onCreate(Bundle savedInstanceState) 
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        LetterListView letterListView = (LetterListView) findViewById(R.id.letterListView);
        letterListView.setAdapter(new TestAdapter());
    }

    /**
     * 这里 使用一个简单的  NameValuePair 对象,做为测试
     *@Title:
     *@Description:
     *@Author:Justlcw
     *@Since:2014-5-13
     *@Version:
     */
    class TestAdapter extends LetterBaseListAdapter
    {
        /** 字母对应的key,因为字母是要插入到列表中的,为了区别,所有字母的item都使用同一的key.  **/
        private static final String LETTER_KEY = "letter";
        
        /** 这里的数据都已经按着字母排序好了, 所以传入进来的数据也应排序好,不然会出现跳转问题.  **/
        String[] dataArray = { 
                "鞍山", "案场", "白宫", "白云", "白俄", "长沙", "常州", "常熟", "大厂", "大娜迦", 
                "福州", "福建", "富豪", "广州", "湖南", "湖北", "胡同", "加州","加拉大", "家具",
                "开门", "开始", "可能", "连接", "利用","煤化工", "密度","漫画",  "你好", "你的",
                "哪些", "欧版", "排行", "贫困", "平时", "请问", "确认", "其他", "染发", "让他",
                "头像", "是个", "数据", "天空", "退出", "提示", "为空", "维护", "新建", "想到",
                "用户", "阅读", "知道", "这本", "足球"};
        
        public TestAdapter()
        {
            super();
            
            List dataList = new ArrayList();
            for(int i=0; i

实际效果如下

 

PS：

这里只是描述了我自己认为比较简单的实现方式，可拓展、可维护，不足之处望体谅、望指点。

（免积分源码： LetterListView ）