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

最新推荐文章于 2019-10-30 17:51:25 发布
最新推荐文章于 2019-10-30 17:51:25 发布
阅读量458 收藏
点赞数
分类专栏： android技术 文章标签： android

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

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

[html] view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  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
        android:id="@android:id/list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        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 print ? 在CODE上查看代码片 派生到我的代码片
  1. boolean enableFastScroll = a.getBoolean(R.styleable.AbsListView_fastScrollEnabled, false);
  2. setFastScrollEnabled(enableFastScroll); 
boolean enableFastScroll = a.getBoolean(R.styleable.AbsListView_fastScrollEnabled, false);
setFastScrollEnabled(enableFastScroll);

下面定位到setFastScrollEnabled方法：

[java] view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  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. } 
/**
     * Enables fast scrolling by letting the user quickly scroll through lists by
     * dragging the fast scroll thumb. The adapter attached to the list may want
     * to implement {@link SectionIndexer} if it wishes to display alphabet preview and
     * jump between sections of the list.
     * @see SectionIndexer
     * @see #isFastScrollEnabled()
     * @param enabled whether or not to enable fast scrolling
     */
    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;
            }
        }
    }
从setFastScrollEnabled方法得知，ListView的快速滑动块是通过FastScroller这个类来创建的，接下来打开FastScroller的构造方法，来看下它创建滑动块的流程。（FastScroller这个类在Eclipse关联的源码中看不到，要到Android Framework源码中才能找到，Demo下载地址中包含了这个文件），下面我们来看看FastScroller这个类的关键代码：

[java] view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  1. package android.widget;
  3. class FastScroller {
  5. //....省略部分源码
  7. // Minimum number of pages to justify showing a fast scroll thumb
  8. private static int MIN_PAGES = 4;
  10. private static final int THUMB_DRAWABLE = 1;
  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. };
  21. //....省略部分源码
  23. private Drawable mThumbDrawable;// 快速滑动块图标
  25. public FastScroller(Context context, AbsListView listView) {
  26. mList = listView;
  27. init(context);
  28. }
  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. }
  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. }
  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. }
  59. if (mAlwaysShow) { // android:fastScrollAlwaysVisible="true"
  60. mLongList = true;
  61. }
  63. //....省略部分源码
  64. }
  66. //....省略部分源码
  67. } 
package android.widget;

class FastScroller {
   
    //....省略部分源码
      
    // Minimum number of pages to justify showing a fast scroll thumb
    private static int MIN_PAGES = 4;
    
    private static final int THUMB_DRAWABLE = 1;

    private static final int[] ATTRS = new int[] {
        android.R.attr.fastScrollTextColor,
        android.R.attr.fastScrollThumbDrawable,	// 定义快速滑动块图标的属性
        android.R.attr.fastScrollTrackDrawable,
        android.R.attr.fastScrollPreviewBackgroundLeft,
        android.R.attr.fastScrollPreviewBackgroundRight,
        android.R.attr.fastScrollOverlayPosition
    };
    
    //....省略部分源码
    
    private Drawable mThumbDrawable;// 快速滑动块图标

    public FastScroller(Context context, AbsListView listView) {
        mList = listView;
        init(context);
    }
    
    private void init(Context context) {
        // Get both the scrollbar states drawables
        TypedArray ta = context.getTheme().obtainStyledAttributes(ATTRS);
        useThumbDrawable(context, ta.getDrawable(THUMB_DRAWABLE));	// 获取当前主题ListView的快速滑动块图标
        //....省略部分源码
    }
    
    private void useThumbDrawable(Context context, Drawable drawable) {
        mThumbDrawable = drawable;
        if (drawable instanceof NinePatchDrawable) {
            mThumbW = context.getResources().getDimensionPixelSize(
                    com.android.internal.R.dimen.fastscroll_thumb_width);
            mThumbH = context.getResources().getDimensionPixelSize(
                    com.android.internal.R.dimen.fastscroll_thumb_height);
        } else {
            mThumbW = drawable.getIntrinsicWidth();
            mThumbH = drawable.getIntrinsicHeight();
        }
        mChangedBounds = true;
    }
    
    void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, 
            int totalItemCount) {
        // Are there enough pages to require fast scroll? Recompute only if total count changes
        if (mItemCount != totalItemCount && visibleItemCount > 0) {
            mItemCount = totalItemCount;
            mLongList = mItemCount / visibleItemCount >= MIN_PAGES;    // 至少4页才显示滑动块
        }
        
        if (mAlwaysShow) {	// android:fastScrollAlwaysVisible="true"
            mLongList = true;
        }
        
         //....省略部分源码
    }
    
   //....省略部分源码
}

由上述代码得知，快速滑动块图标是由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 print ? 在CODE上查看代码片 派生到我的代码片
  1. <style name="ListViewFastScrollThumb" parent="@android:style/Theme.Light.NoTitleBar.Fullscreen">
  2. <item name="android:fastScrollThumbDrawable">@drawable/ic_launcher</item>
  3. </style> 
<style name="ListViewFastScrollThumb" parent="@android:style/Theme.Light.NoTitleBar.Fullscreen">
     <item name="android:fastScrollThumbDrawable">@drawable/ic_launcher</item>
</style>
2、当前ListView所在Activity应用自定义的主题

[html] view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  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> 
<activity
    android:name="com.example.actionbardemo.MainActivity"
    android:label="@string/app_name"
    android:theme="@style/ListViewFastScrollThumb" >
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
</activity>

3、验证

[java] view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  1. public class MainActivity extends ListActivity {
  3. private static final int[] ATTRS = new int[] {
  4. android.R.attr.fastScrollThumbDrawable,
  5. };
  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);
  14. Theme theme = getTheme();
  15. TypedArray a = theme.obtainStyledAttributes(ATTRS);
  16. Drawable drawable = a.getDrawable(0);
  17. imageView.setBackgroundDrawable(drawable);
  18. }
  19. } 
public class MainActivity extends ListActivity {

	private static final int[] ATTRS = new int[] {
        android.R.attr.fastScrollThumbDrawable,
    };
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		setListAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, Cheeses.sCheeseStrings));
		ImageView imageView = (ImageView) findViewById(R.id.fastScrollDrawable);
		
		Theme theme = getTheme();
		TypedArray a = theme.obtainStyledAttributes(ATTRS);
		Drawable drawable = a.getDrawable(0);
		imageView.setBackgroundDrawable(drawable);
	}
}
布局：

[html] view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  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" >
  8. <ImageView
  9. android:id="@+id/fastScrollDrawable"
  10. android:layout_width="wrap_content"
  11. android:layout_height="wrap_content" />
  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. />
  20. </LinearLayout> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/fastScrollDrawable"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <ListView
        android:id="@android:id/list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fastScrollEnabled="true" 
        />

</LinearLayout>

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


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

孤独的IT
关注
专栏目录
Flutter ListView详解
2401_84415615的博客
05-03 1182
/设置滑动方向 Axis.horizontal 水平 默认 Axis.vertical 垂直//内间距//是否倒序显示 默认正序 false 倒序true//false，如果内容不足，则用户无法滚动 而如果[primary]为true，它们总是可以尝试滚动。//确定每一个item的高度 会让item加载更加高效//内容适配//item 数量//滑动类型设置//cacheExtent 设置预加载的区域//滑动监听。
DELPHI xe5 ListView例子
09-14
这个最简单的例子旨在展示ListView的基本用法，帮助开发者快速上手。 1. 创建项目： 首先，打开DELPHI xe5 IDE，新建一个FireMonkey移动应用程序项目。选择适当的平台，例如iOS，并添加一个新的Form。 2. 添加...
为ListView组件加上快速滑块以及修改快速滑块图像
weixin_34032792的博客
08-07 103
本文转载自：http://blog.csdn.net/ouyang_peng/article/details/46919723 作者：欧阳鹏  欢迎转载，与人分享是进步的源泉！ 转载请保留原文地址：http://blog.csdn.net/ouyang_peng   1.允许快速滑动 在xml中将android:fastScrollEnabled="true" ，如下代码所示：   ...
替换ListView快速滚动按钮的图标
u011808801的专栏
08-04 835
先看网上的例子 try { Field f = AbsListView.class.getDeclaredField(“mFastScroller”); f.setAccessible(true); Object o=f.get(listView); f=f.getType().getDeclaredField(“mThumbDrawable”); f.setAccessible(
Toolbar基本使用及Toolbar+ListView实现滑动变色
07-29
// 如果ListView滑动到顶部，Toolbar完全显示 if (top >= 0 && top ) { float fraction = Math.min(1f, Math.abs(top) / toolbarHeight); // 使用ArgbEvaluator计算渐变颜色 int newColor = Color.argb(255, ...
使用PopupWindow + 2个ListView实现仿 美团/淘宝/百度糯米 多级分类菜单效果
11-20
8. **自定义适配器**: 自定义Adapter可以更好地控制ListView的显示样式，如使用ImageView展示分类图标，使用TextView展示分类名称，还可以添加更多自定义的交互效果。 9. **测试与调试**: 最后，进行充分的测试，...
android listview 下拉背景伸缩，上滑动悬浮按钮
02-03
android listview 下拉背景伸缩，上滑动悬浮按钮
Listview的左右滑动实现
03-28
实现了listview的左右滑动。当您的界面里面含有listview的时候，你仍然可以使用手势监听器，滑动切换activity
ListView fast scroll style
wumilan的专栏
06-05 1062
原文：http://androidopentutorials.com/android-listview-fastscroll/ In this Android example, we will see how to create a ListView with fast scroll enabled. Project Description: This Andro
Android基础--ListView中的常用属性
yanwenyuan0304的专栏
10-30 833
ListView中的常用属性 android:scrollbars="vertical"//垂直的滚动条 android:fadeScrollbars="false"//设置滚动条在未使用是是否隐藏，当设置 android:fastScrollEnabled="true"//设置快速滚动条 android:fastScrollAlwaysVisi...
你是不是也忽略了xml里面的tools命名空间
u014134488的专栏
05-18 1332
一创建一个布局文件的时候可能都有这么一句：xmlns:tools="http://schemas.android.com/tools"基础认识可是这个tools的命名空间有什么属性有什么作用呢，相信很多人都忽略了它的存在。它主要用在项目开发阶段而不会影响用户体验，用在Design界面渲染而不会影响运行时的界面。有时这些巧妙的属性会节约我们的构建时间。我并不是说会加快构建速度，而是构建相关的 UI 改
自定义ListView FastScroller滑块图片
xSTARx
08-15 134
推荐安卓开发神器（里面有各种UI特效和android代码库实例） 使用ListView FastScroller，默认滑块和自定义滑块图片的样子： 设置快速滚动属性很容易，只需在布局的xml文件里设置属性即可： &lt;ListView android:id="@+id/listView" android:layout_width="fill_parent"     android...
ListView增强组件QuickScroll
千里之行，始于足下
10-12 448
QuickScroll使用步骤国际惯例，先看代码。public class Main2Activity extends AppCompatActivity { private ArrayList<String> mDatas; private ListView mListView; private MyAdapter mMyAdapter; private static
研究ListView里的FastScroller的一点心得
lilybaobei的专栏
07-05 8259
这几天用到ListView的FastScroll的功能，没想到啊居然有Bug（BTW: 经过我的研究， 这个问题在android 4.0版本里已经解决了，因此只考虑在4.0以上环境下工作的人可以无视我这篇文章了。其实我没有验证是不是4.0才改的，但反正2.X不行，4.0可以。下面我都会说是4.0怎么样怎么样，可能不一定准确）！滚动的那个倒是正常，就是中间显示的那个当前联系人首字母提示的不正常~！我
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值