Android学习系列(15)--App列表之游标ListView(索引ListView)
游标ListView,提供索引标签,使用户能够快速定位列表项。
也可以叫索引ListView,有的人称也为Tweaked ListView,可能更形象些吧。
一看图啥都懂了:
1.游标(Fast scroll thumb)
就是右边的那个拖动的方块,这个非常的简单:
1
2
3
4
5
|
< 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"?> 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学习系列(15)--App列表之游标ListView(索引ListView)的更多相关文章
- Android学习系列(17)--App列表之圆角ListView(续)
http://www.cnblogs.com/qianxudetianxia/archive/2011/09/19/2068760.html 本来这篇文章想并到上篇Android学习系列(16)- ...
- Android学习系列(11)--App列表之拖拽ListView(下)
接着上篇Android学习系列(10)--App列表之拖拽ListView(上)我们继续实现ListView的拖拽效果. 7.重写onTouchEvent()方法. 在这个方法中我们主要是处理 ...
- Android学习系列(10)--App列表之拖拽ListView(上)
研究了很久的拖拽ListView的实现,受益良多,特此与尔共飨. 鉴于这部分内容网上的资料少而简陋,而具体的实现过程或许对大家才有帮助,为了详尽而不失真,我们一步一步分析,分成两篇文章. ...
- Android学习系列(16)--App列表之圆角ListView
有些东西看多了,就厌烦了:extjs对我这种感觉最为强烈.甚至,有时觉得设计之殇是审美疲劳.直角看多了,就想看看圆角,不知何时,这几年刮起了一阵阵的圆角设计风:CSS新标准纳入圆角元素,iphone中 ...
- Android学习系列(12)--App列表之拖拽GridView
根据前面文章中ListView拖拽的实现原理,我们也是很容易实现推拽GridView的,下面我就以相同步骤实现基本的GridView拖拽效果. 因为GridView不用做分组处理,代码处理起来 ...
- Android学习系列(9)--App列表之分组ListView
吸引用户的眼球,是我们至死不渝的追求: 第一时间呈现最有价值的信息,简明大方,告诉客户,你的选择是多么的明智,这正是你寻觅已久的东西. 分组的应用场合还是很多的,有数据集合的地方 ...
- Android学习系列(7)--App轮询服务器消息
这篇文章是android开发人员的必备知识. 1.轮询服务器 一般的应用,定时通知消息可以采用轮询的方法从服务器拿取消息,当然实时消息通知的话,建议采用推送服务. 其中需要注意轮询的频率 ...
- Android学习系列(23)--App主界面实现
在上篇文章<Android学习系列(22)--App主界面比较>中我们浅略的分析了几个主界面布局,选了一个最大众化的经典布局.今天我们就这个经典布局,用代码具体的实现它. 1.预览图先看下 ...
- Android学习系列(18)--App工程结构搭建
本文算是一篇漫谈,谈一谈关于Android开发中工程初始化的时候如何在初期我们就能搭建一个好的架构. 关于android架构,因为手机的限制,目前我觉得也确实没什么大谈特谈的,但是从开发的 ...
随机推荐
- DataGrid中取HyperLinkColumn列的值,处理DataGrid中绑定的特殊字符
DataGrid中取HyperLinkColumn列的值. /// <summary> /// 对datagrid中标签进行编码,处理特殊字符 /// </summary> / ...
- 【BZOJ1305】 [CQOI2009]dance跳舞
Description 一次舞会有n个男孩和n个女孩.每首曲子开始时,所有男孩和女孩恰好配成n对跳交谊舞.每个男孩都不会和同一个女孩跳两首(或更多)舞曲.有一些男孩女孩相互喜欢,而其他相互不喜欢(不会 ...
- 【BZOJ1500】[NOI2005]维修数列
Description Input 输入的第1 行包含两个数N 和M(M ≤20 000),N 表示初始时数列中数的个数,M表示要进行的操作数目.第2行包含N个数字,描述初始时的数列.以下M行,每行一 ...
- kissy使用注意事项
使用kissy注意: 下载kissy压缩包后只需要拷贝build包到项目中即可, 样式自己写不用引用. 1.4.x引这个文件seed-min.js1.3.x引kissy-min.js
- WinForm 控件库
1:Telerik 介绍: Telerik 是保加利亚的一个软件公司,专注于微软.Net平台的表示层与内容管理控件.Telerik 提供高度稳定性和丰富性能的组件产品,并可应用在非常严格的环境中. 现 ...
- 论文阅读(2014-1)----a new collaborative filtering-based recommender system for manufacturing appstore: which applications would be useful to your busines?
这篇论文讲的东西并不深,讲的是appstore上的app个性化推荐问题,简单做个笔记. 简单介绍: 推荐系统可以降低没有卖任何app就离开的用户的概率.当用户买了某个app后,可以推荐配套的app.增 ...
- centos7 下载eclipse的镜像站点
这里吐槽一下,由于两天前centos被我农崩溃了(系统更新的锅),所以所有的开发环境又得重来一次. 其实,之前去eclipse的官网下载就很慢,打开官网也很慢,然后你会发现下下来的安装程序(只有40多 ...
- DataGrid表格控件
代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--& ...
- redhat_suse双系统引导
先装suse11系统,再装redhat6后出现引导中suse系统无法启动解决方法:在redhat中将suse所在分区挂载出来,找其boot/grub/menu.lst下的启动项,将该启动项复制到red ...
- 自助Linux之问题诊断工具strace
转 http://www.cnblogs.com/bangerlee/archive/2012/02/20/2356818.html 引言 “Oops,系统挂死了..." “Oops,程序 ...