使用Style自定义ListView快速滑动图标

一、显示ListView快速滑动块图标

       设想这样一个场景，当ListView的内容有大于100页的情况下，如果想滑动到第80页，用手指滑动到指定位置，无疑是一件很费时的事情，如果想快速滑动到指定的位置，只需加上ListView的fastScrollEnabled属性等于true，启用快速滑动功能即可。

[html]  view plain copy

1. <ListView  
2.         android:id="@android:id/list"  
3.         android:layout_width="match_parent"  
4.         android:layout_height="match_parent"  
5.         android:fastScrollEnabled="true" />  

注意：默认只有当ListView的内容大于4页时，才会显示快速滑动块。

读者可能会问，我是怎么知道要大于4页时，ListView才会显示快速滑动块图标。想知道原因，查一下ListView源码中fastScrollEnabled这个属性是怎么被初始化的吧。咱们到Eclipse中按ctrl+shift+t打开ListView的源码(前提是要和源码关联才能看到)，你发现在ListView中并没有fastScrollEnabled这个属性，那就去父类AbsListView中找找吧，发现在AbsListView的构造方法中发现了初始化快速滑动块的代码（4.1.2源码在788-789行）：

[java]  view plain copy

1. boolean enableFastScroll = a.getBoolean(R.styleable.AbsListView_fastScrollEnabled, false);  
2. setFastScrollEnabled(enableFastScroll);  

下面定位到setFastScrollEnabled方法：

[java]  view plain copy

1. /** 
2.      * Enables fast scrolling by letting the user quickly scroll through lists by 
3.      * dragging the fast scroll thumb. The adapter attached to the list may want 
4.      * to implement {@link SectionIndexer} if it wishes to display alphabet preview and 
5.      * jump between sections of the list. 
6.      * @see SectionIndexer 
7.      * @see #isFastScrollEnabled() 
8.      * @param enabled whether or not to enable fast scrolling 
9.      */  
10.     public void setFastScrollEnabled(boolean enabled) {  
11.         mFastScrollEnabled = enabled;  
12.         if (enabled) {  
13.             if (mFastScroller == null) {  
14.                 mFastScroller = new FastScroller(getContext(), this);  
15.             }  
16.         } else {  
17.             if (mFastScroller != null) {  
18.                 mFastScroller.stop();  
19.                 mFastScroller = null;  
20.             }  
21.         }  
22.     }  

从setFastScrollEnabled方法得知，ListView的快速滑动块是通过FastScroller这个类来创建的，接下来打开FastScroller的构造方法，来看下它创建滑动块的流程。（FastScroller这个类在Eclipse关联的源码中看不到，要到Android Framework源码中才能找到，Demo下载地址中包含了这个文件），下面我们来看看FastScroller这个类的关键代码：

[java]  view plain copy

1. package android.widget;  
2.   
3. class FastScroller {  
4.      
5.     //....省略部分源码  
6.         
7.     // Minimum number of pages to justify showing a fast scroll thumb  
8.     private static int MIN_PAGES = 4;  
9.       
10.     private static final int THUMB_DRAWABLE = 1;  
11.   
12.     private static final int[] ATTRS = new int[] {  
13.         android.R.attr.fastScrollTextColor,  
14.         android.R.attr.fastScrollThumbDrawable, // 定义快速滑动块图标的属性  
15.         android.R.attr.fastScrollTrackDrawable,  
16.         android.R.attr.fastScrollPreviewBackgroundLeft,  
17.         android.R.attr.fastScrollPreviewBackgroundRight,  
18.         android.R.attr.fastScrollOverlayPosition  
19.     };  
20.       
21.     //....省略部分源码  
22.       
23.     private Drawable mThumbDrawable;// 快速滑动块图标  
24.   
25.     public FastScroller(Context context, AbsListView listView) {  
26.         mList = listView;  
27.         init(context);  
28.     }  
29.       
30.     private void init(Context context) {  
31.         // Get both the scrollbar states drawables  
32.         TypedArray ta = context.getTheme().obtainStyledAttributes(ATTRS);  
33.         useThumbDrawable(context, ta.getDrawable(THUMB_DRAWABLE));  // 获取当前主题ListView的快速滑动块图标  
34.         //....省略部分源码  
35.     }  
36.       
37.     private void useThumbDrawable(Context context, Drawable drawable) {  
38.         mThumbDrawable = drawable;  
39.         if (drawable instanceof NinePatchDrawable) {  
40.             mThumbW = context.getResources().getDimensionPixelSize(  
41.                     com.android.internal.R.dimen.fastscroll_thumb_width);  
42.             mThumbH = context.getResources().getDimensionPixelSize(  
43.                     com.android.internal.R.dimen.fastscroll_thumb_height);  
44.         } else {  
45.             mThumbW = drawable.getIntrinsicWidth();  
46.             mThumbH = drawable.getIntrinsicHeight();  
47.         }  
48.         mChangedBounds = true;  
49.     }  
50.       
51.     void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount,   
52.             int totalItemCount) {  
53.         // Are there enough pages to require fast scroll? Recompute only if total count changes  
54.         if (mItemCount != totalItemCount && visibleItemCount > 0) {  
55.             mItemCount = totalItemCount;  
56.             mLongList = mItemCount / visibleItemCount >= MIN_PAGES;    // 至少4页才显示滑动块  
57.         }  
58.           
59.         if (mAlwaysShow) {  // android:fastScrollAlwaysVisible="true"  
60.             mLongList = true;  
61.         }  
62.           
63.          //....省略部分源码  
64.     }  
65.       
66.    //....省略部分源码  
67. }  

由上述代码得知，快速滑动块图标是由fastScrollThumbDrawable定义的，第8行定义了显示快速滑动块的最少页数，第51行onScroll方法负责处理显示快速滑动块的逻辑。

二、自定义快速滑动块图标

        在eoe上看到有个贴子通过反射，动态修改FastScroller对象的mThumbDrawable属性来改变快速滑动块的图标，这也不为于一种实现方式，但反射的效率较低。下面将介绍使用Style的方式来自定义图标。

        从FastScroller类的init方法中可以得知，mThumbDrawable是通过获取当前Activity主题的android.R.attr.fastScrollThumbDrawable属性赋值，既然是这样的话，我们完全可以自定义一个主题，覆盖android.R.attr.fastScrollThumbDrawable属性对应的Drawable不就搞定了！

1、定义一个主题

[html]  view plain copy

1. <style name="ListViewFastScrollThumb" parent="@android:style/Theme.Light.NoTitleBar.Fullscreen">  
2.      <item name="android:fastScrollThumbDrawable">@drawable/ic_launcher</item>  
3. </style>  

2、当前ListView所在Activity应用自定义的主题

[html]  view plain copy

1. <activity  
2.     android:name="com.example.actionbardemo.MainActivity"  
3.     android:label="@string/app_name"  
4.     android:theme="@style/ListViewFastScrollThumb" >  
5.     <intent-filter>  
6.         <action android:name="android.intent.action.MAIN" />  
7.         <category android:name="android.intent.category.LAUNCHER" />  
8.     </intent-filter>  
9. </activity>  

3、验证

[java]  view plain copy

1. public class MainActivity extends ListActivity {  
2.   
3.     private static final int[] ATTRS = new int[] {  
4.         android.R.attr.fastScrollThumbDrawable,  
5.     };  
6.       
7.     @Override  
8.     protected void onCreate(Bundle savedInstanceState) {  
9.         super.onCreate(savedInstanceState);  
10.         setContentView(R.layout.activity_main);  
11.         setListAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, Cheeses.sCheeseStrings));  
12.         ImageView imageView = (ImageView) findViewById(R.id.fastScrollDrawable);  
13.           
14.         Theme theme = getTheme();  
15.         TypedArray a = theme.obtainStyledAttributes(ATTRS);  
16.         Drawable drawable = a.getDrawable(0);  
17.         imageView.setBackgroundDrawable(drawable);  
18.     }  
19. }  

布局：

[html]  view plain copy

1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:id="@+id/container"  
4.     android:layout_width="match_parent"  
5.     android:layout_height="match_parent"  
6.     android:orientation="vertical" >  
7.   
8.     <ImageView  
9.         android:id="@+id/fastScrollDrawable"  
10.         android:layout_width="wrap_content"  
11.         android:layout_height="wrap_content" />  
12.   
13.     <ListView  
14.         android:id="@android:id/list"  
15.         android:layout_width="match_parent"  
16.         android:layout_height="match_parent"  
17.         android:fastScrollEnabled="true"   
18.         />  
19.   
20. </LinearLayout>  

4、 原生的和自定义的快速滑动块效果图对比：

      

Demo下载地址：http://download.csdn.net/detail/xyang81/6788411

转：http://blog.csdn.net/xyang81/article/details/17680333