`
弄月吟风
  • 浏览: 199121 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

Android列表索引实现

阅读更多

最近做一个项目用到了列表索引,所以在网上找了一下,发现一个博客上的内容可以满足我的要求,按照上面说明自己验证了一遍,可行,下面转发他的博客内容,转至网址:

http://www.cnblogs.com/qianxudetianxia/archive/2011/08/04/2088493.html

 游标ListView,提供索引标签,使用户能够快速定位列表项。
      也可以叫索引ListView,有的人称也为Tweaked ListView,可能更形象些吧。
      一看图啥都懂了:(图在最后面)

1.游标(Fast scroll thumb)
      就是右边的那个拖动的方块,这个非常的简单:

 

 <ListView
    android:id="@+id/tweaked_list"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:fastScrollEnabled="true"/>

也可以用在java后台书写:

1

tweakedListView.setFastScrollEnabled(true);

在数据量有一定大的时候,滑动列表,就会出现右边的所谓的"游标"了。
      简单,这也是我为什么私下里喜欢自己写控件,但是工作中却喜欢用通用控件。
      我们看下源代码,其实就是启用FastScroller对象: 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
//启用FastScroller对象
public void setFastScrollEnabled(boolean enabled) {
    mFastScrollEnabled = enabled;
    if (enabled) {
        if (mFastScroller == null) {
            mFastScroller = new FastScroller(getContext(), this);
        }
    } else {
        if (mFastScroller != null) {
            mFastScroller.stop();
            mFastScroller = null;
        }
    }
}

2.字母索引
     在Android学习系列(10)--App列表之拖拽ListView(上)中我们使用了一种WindowManager在ListView中添加一些自定义影像,这种方法我觉得一定是可行的。
   但是,android系统给我们提供了一个更简单的方法:使用AlphabetIndexer。
   AlphabetIndexer,实现了SectionIndexer接口,
是adapter的一个辅助类,辅助实现在快滑时,显示索引字母。
   使用字母索引的话,必须保证数据列表是按字母顺序排序,以便AlphabetIndexerh采用二分查找法快速定位。

1
2
3
4
5
6
/**
* Cursor表示数据游标
* sortedColumnIndex数据集合中的第几列
* alphabet字母列表,用的最多的是"ABCDEFGHIJKLMNOPQRSTUVWXYZ"
**/
public AlphabetIndexer(Cursor cursor, int sortedColumnIndex, CharSequence alphabet) {}

  用到3个方法:

1
2
3
4
//这三个方法,实现了索引数据和列表数据的对应和定位
public int getPositionForSection(int section) {}
public int getSectionForPosition(int position) {}
public Object[] getSections() {}

3.游标Cursor的实现
     Cursor接口的实现,有两种选择:
     (1).直接使用数据库查询返回的cursor
     (2).自定义实现Cursor接口的新类
     第一种方式很简单,查询一下数据库返回Cursor即可。
     这里我们以第二种方式实践,伪装一个Cursor,主要是实现3个方法:
     (1).getCount()
     (2). moveToPosition()
     (3). getString()

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
/**
    * 伪装一个Cursor供AlphabetIndexer作数据索引源
    */
   private class IndexCursor implements Cursor{
        
       private ListAdapter adapter;
       private int position;
       private Map<String, String> map;
        
       public IndexCursor(ListAdapter adapter){
           this.adapter = adapter;
       }
 
       @Override
       public int getCount() {return this.adapter.getCount();}
        
       /**
        * 取得索引字母,这个方法非常重要,根据实际情况具体处理
        */
       @SuppressWarnings("unchecked")
       @Override
       public String getString(int columnIndex) {
           map = (HashMap<String, String>)adapter.getItem(position);
           return map.get(key).substring(0,1);
       }
        
       @Override
       public boolean moveToPosition(int position) {
           if(position<-1||position>getCount()){
               return false;
           }
            
           this.position = position;
           //如果不满意位置有点向上偏的话,下面这几行代码是修复定位索引值为顶部项值的问题
           //if(position+2>getCount()){               
           //    this.position = position;
           //}else{
           //   this.position = position + 2;
           //}
           return true;
       }
        
       @Override
       public void close() {}
       @Override
       public void copyStringToBuffer(int arg0, CharArrayBuffer arg1) {}
       @Override
       public void deactivate() {}
       @Override
       public byte[] getBlob(int arg0) {return null;}
       @Override
       public int getColumnCount() {return 0;}
       @Override
       public int getColumnIndex(String columnName) {return 0;}
       @Override
       public int getColumnIndexOrThrow(String columnName) throws IllegalArgumentException {return 0;}
       @Override
       public String getColumnName(int columnIndex) {return null;}
       @Override
       public String[] getColumnNames() {return null;}
       @Override
       public double getDouble(int columnIndex) {return 0;}
       @Override
       public Bundle getExtras() {return null;}
       @Override
       public float getFloat(int columnIndex) {return 0;}
       @Override
       public int getInt(int columnIndex) {return 0;}
       @Override
       public long getLong(int columnIndex) {return 0;}
       @Override
       public int getPosition() {return position;}
       @Override
       public short getShort(int columnIndex) {return 0;}
       @Override
       public boolean getWantsAllOnMoveCalls() {return false;}
       @Override
       public boolean isAfterLast() {return false;}
       @Override
       public boolean isBeforeFirst() {return false;}
       @Override
       public boolean isClosed() {return false;}
       @Override
       public boolean isFirst() {return false;}
       @Override
       public boolean isLast() {return false;}
       @Override
       public boolean isNull(int columnIndex) {return false;}
       @Override
       public boolean move(int offset) {return false;}
       @Override
       public boolean moveToFirst() {return false;}
       @Override
       public boolean moveToLast() {return false;}
       @Override
       public boolean moveToNext() {return false;}
       @Override
       public boolean moveToPrevious() {return false;}
       @Override
       public void registerContentObserver(ContentObserver observer) {}
       @Override
       public void registerDataSetObserver(DataSetObserver observer) {}
       @Override
       public boolean requery() {return false;}
       @Override
       public Bundle respond(Bundle extras) {return null;}
       @Override
       public void setNotificationUri(ContentResolver cr, Uri uri) {}
       @Override
       public void unregisterContentObserver(ContentObserver observer) {}
       @Override
       public void unregisterDataSetObserver(DataSetObserver observer) {}
        
   }

  这个类的实例就可作为AlphaIndexer的构造函数第一个参数数据游标。

4.自定义Adapter的实现
      使用前面介绍的东西,我们来实现最终的IndexAdapter:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
class IndexAdapter extends SimpleAdapter implements SectionIndexer{
     
    private AlphabetIndexer alphabetIndexer;
     
    public IndexAdapter(Context context,List<? extends Map<String, ?>> data, int resource,String[] from, int[] to) {
        super(context, data, resource, from, to);
        //设置数据游标
        //设置索引字母列表
        alphabetIndexer = new AlphabetIndexer(new IndexCursor(this), 0, "ABCDEFGHIJKLMNOPQRSTUVWXYZ");
    }
 
    @Override
    public Object[] getSections() {
        return alphabetIndexer.getSections();
    }
 
    @Override
    public int getPositionForSection(int section) {
        return alphabetIndexer.getPositionForSection(section);
    }
 
    @Override
    public int getSectionForPosition(int position) {
        return alphabetIndexer.getSectionForPosition(position);
    }
}

5.跑起来
     提供样本数据如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
public List<Map<String, String>> getData(){
    List<Map<String, String>> itemList = new ArrayList<Map<String, String>>();
    String alphas = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
     
    Map<String, String> map = null;
    for(char c:alphas.toCharArray()){
        for(int i=0; i<10; i++){               
            map = new HashMap<String, String>();
            map.put("itemText", ""+c+i);
            itemList.add(map);
        }
    }
 
    return itemList;
}

  子项的布局文件:

1
2
3
4
5
6
7
8
9
10
11
12
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="50dip"
    android:gravity="center_vertical"
    >
    <TextView
        android:id="@+id/tweaked_item_text"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" />
</LinearLayout>

  使用并运行:

1
2
3
4
5
6
7
8
9
10
11
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.tweake_list);
     
    tweakedListView = (ListView)findViewById(R.id.tweaked_list);
     
    //获取数据
    List<Map<String, String>> itemList = getData();
    ListAdapter adapter = new IndexAdapter(this, itemList, R.layout.tweake_list_item, new String[]{"itemText"}, new int[]{R.id.tweaked_item_text});
    tweakedListView.setAdapter(adapter);
}

  效果如下:

6.小结
      这种索引效果,在大数据量列表显示中非常的实用,是android开发必备常识。
      本文只是一个简单的sample,实际工作中肯定会需要进一步扩展定义:
      (1).对于复杂类型的处理,可根据Map<String,?>扩展自定义实体类,再通过adapter转换使用即可。
      (2).对于索引字母列表,可动态设置,举个例子,你的列表只有ABCD四个字母,如果索引字母列表还是设置“ABCDEFGHIJKLMNOPQRSTUVWXYZ”就不合适了,会有个索引偏位的问题。
      (3).对于复杂界面的显示,可重写adapter的getView方法自定义视图。

 

 

 

 

分享到:
评论

相关推荐

    Android仿微信实现通讯录字母列表索引

    在Android开发中,微信作为一款流行的社交...通过分析这些文件,你可以深入理解如何在实际项目中实现类似微信的通讯录字母列表索引功能。记住,理解每个组件的工作原理以及它们之间的协作关系是成功实现此功能的关键。

    Android带索引联系人列表

    本示例项目“Android带索引联系人列表”旨在教你如何实现这样一个功能丰富的用户界面。下面我们将深入探讨实现这一功能的关键技术和步骤。 首先,我们从“索引”这个概念开始。在联系人列表中,索引通常表现为侧滑...

    Android 列表字母索引 IndexableListView

    Android代码 实现带字母索引效果的listview列表, 类似Android 通讯录中使用的检索联系人得效果.滑动listview时 旁边会出现一个字母索引条,手指滑动索引条 屏幕中间会出现当前索引字母,同时listview内容会被过滤...

    android手机联系人,字母索引列表,实现联动

    本项目实现了“android手机联系人,字母索引列表,实现联动”的功能,涉及了多个关键知识点,包括自定义View、ListView数据绑定、本地联系人API的使用以及Android 6.0权限适配。 首先,我们来详细讲解自定义View...

    Android 自定义 View 实现通讯录索引

    总结来说,实现Android的自定义View——字母索引功能,需要涉及视图绘制、事件处理、数据绑定和性能优化等多个方面。通过这个过程,开发者不仅可以提升对Android UI机制的理解,还能锻炼解决问题和创新设计的能力。...

    android字母索引效果

    在Android开发中,"android字母索引效果"是一种常见的用户界面设计,用于帮助用户快速浏览和定位长列表中的项,比如联系人列表。这个功能基于手机通讯录的字母索引栏,用户可以通过点击对应的字母来跳转到相应首字母...

    Android 字母索引排序的城市列表

    通过以上步骤,我们就可以在Android应用中实现一个按照字母排序的城市列表,并带有字母索引功能。这种非第三方的实现方式不仅可以提高应用的可维护性,还可以避免引入额外的依赖库,从而降低应用的体积。

    Android通用索引栏实现代码

    Android通用索引栏的实现主要是为了提高用户在浏览大量数据时的查找效率,尤其是在城市选择、联系人列表等场景中,通过索引栏可以快速定位到目标内容。本文将详细介绍如何在Android应用中创建一个可复用的索引栏,并...

    Android ListView首字母索引

    本文将详细探讨如何实现`Android ListView`的首字母索引功能。 首先,我们需要理解`ListView`的基本结构。ListView是基于Adapter的,Adapter负责为ListView提供数据和视图。我们通常需要创建一个自定义的Adapter,...

    Android通讯录实现字母索引

    本教程将详细解析如何在Android中实现字母索引,使用户能快速便捷地浏览和查找联系人。"Android通讯录实现字母索引"这一主题,涵盖了Android UI设计、数据处理以及事件监听等多个关键知识点。 首先,我们要创建一个...

    Android快速索引:实现微信通讯录效果

    这个功能通常会在一个ListView或RecyclerView中实现,通过一个可滑动的侧边栏来显示字母索引,用户点击某个字母时,会跳转到对应的联系人列表部分。在实现这个功能时,我们主要会涉及到以下几个关键知识点: 1. **...

    Android 仿联系人菜单,带字母索引,顶部挤压动画,recyclerview实现联系人页面,附源码及apk

    本项目“Android 仿联系人菜单”实现了这样一个功能,它结合了字母索引、顶部挤压动画以及使用RecyclerView来展示联系人列表。下面我们将详细探讨这些关键知识点。 1. **RecyclerView**: RecyclerView是Android SDK...

    Android ItemDecoration 实现分组索引列表的示例代码

    本文介绍了Android ItemDecoration 实现分组索引列表的示例代码,分享给大家。具体如下: 先来看看效果: 我们要实现的效果主要涉及三个部分: 分组 GroupHeader 分割线 SideBar 前两个部分涉及到一个...

    Android实现字母快速索引功能

    总的来说,实现Android的字母快速索引功能涉及到多个技术点,包括拼音转换、数据处理、列表适配器优化以及UI设计。通过合理利用`pinyin4j`库,我们可以有效地将中文数据转化为可索引的形式,从而提供高效、直观的...

    Android字母索引ListView

    `Android字母索引ListView`是ListView的一个增强版,它模仿了微信等应用中常见的联系人列表功能,允许用户通过点击屏幕侧边的字母栏快速跳转到对应首字母的条目,提高用户体验。这个实现通常涉及到自定义Adapter、...

    Android 侧边栏快速索引

    在Android应用开发中,侧边栏快速索引是一种常见的交互设计,它借鉴了手机通讯录的查找方式,为长列表提供了高效便捷的导航。这种功能可以让用户通过点击或滑动侧边栏的字母来快速定位到目标内容,极大提升了用户...

    Android例子源码非第三方实现根据字母排序的城市列表.zip

    - `SectionIndexer`接口用于标记列表的分段,配合`AlphabetIndexer`可以实现字母索引。通过实现`getPositionForSection()`和`getSectionForPosition()`方法,可以确定每个位置对应的字母和位置对应的节。 5. **...

    Android左侧字母索引

    在Android开发中,为了方便用户快速查找和浏览大量数据,如联系人列表或应用列表,通常会采用字母索引(Alphabet Indexer)的设计。这种设计允许用户通过点击侧边栏的字母来直接跳转到对应首字母的数据项。本文将...

    Android 联系人快速索引源码.zip

    "Android 联系人快速索引源码.zip"这个压缩包包含了一个实现这一功能的源代码示例。接下来,我们将详细讨论这个功能背后的原理和实现方法。 1. **联系人数据存储** 在Android系统中,联系人的数据是存储在...

    android 简单自定义view实现的快速索引

    本教程将深入探讨如何实现一个简单的快速索引功能,类似于微信联系人或手机通讯录中的字母滚动条,这能极大地提高用户的交互体验。 快速索引,通常称为侧边栏索引或字母导航,是一种常见的UI设计,用于帮助用户快速...

Global site tag (gtag.js) - Google Analytics