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

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

       设想这样一个场景,当ListView的内容有大于100页的情况下,如果想滑动到第80页,用手指滑动到指定位置,无疑是一件很费时的事情,如果想快速滑动到指定的位置,只需加上ListView的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行):

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

下面定位到setFastScrollEnabled方法:

/**
     * 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这个类的关键代码:

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、定义一个主题

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

2、当前ListView所在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、验证

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);
	}
}

布局:

<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

时间: 2024-12-02 13:35:59

使用Style自定义ListView快速滑动图标的相关文章

Android自定义viewgroup快速滑动(4)_Android

上一篇文章自定义viewgroup(3)地址:http://www.jb51.net/article/100618.htm 代码: package com.example.libingyuan.horizontallistview.ScrollViewGroup; import android.content.Context; import android.util.AttributeSet; import android.util.DisplayMetrics; import android.

Android自定义viewgroup快速滑动(4)

上一篇文章自定义viewgroup(3)地址:http://www.jb51.net/article/100618.htm 代码: package com.example.libingyuan.horizontallistview.ScrollViewGroup; import android.content.Context; import android.util.AttributeSet; import android.util.DisplayMetrics; import android.

前端技术-swiper快速滑动后,滑动事件失效

问题描述 swiper快速滑动后,滑动事件失效 假如有123屏,从2滑动切换屏幕到3时,删除1,新增4在3后面, 慢点滑动的时候没问题,但是一旦滑动快了,这个滑动事件就失效了,求问大神有什么解决办法没?(function(){ var flog = 0; var mySwiper = new Swiper ('.swiper-container' { initialSlide:2 direction: 'horizontal' onSlideNextEnd: function(swiper){/

快速滑动时间停止-Listview的动态显示时间问题

问题描述 Listview的动态显示时间问题 想要让每个item显示动态的时间.现在的问题是如果快速滑动item.时间就停止不动.用的是timer的定时任务,和AsyncTask异步任务.我给每个item的一个textview设了一个tag用它来辨识的view.对象.但是为什么慢滑没有问题,只要快速滑动时间就停止了呢?跪求啊! 解决方案 怎么会呢,你肯定是没处理好,getview中获取时间,没有问题,你用viewholder了吗 解决方案二: 或者,你自定义view,每个item里面嵌入你的vi

移动开发-大神们求教自定义listview固定头部和尾部不动中间item数据可以上下滑动。

问题描述 大神们求教自定义listview固定头部和尾部不动中间item数据可以上下滑动. 求教自定义listview固定头部和尾部不动中间item数据可以上下滑动,最好是能封装成一个view开发-大神们求教自定义listview固定头部和尾部不动中间item数据可以上下滑动.-listview滑动隐藏头部"> 解决方案 在listview中加入header 和footer. 在listview里面有的 public void addHeaderView (View v) public v

Android自定义ListView实现下拉刷新_Android

首先呈上效果图 当今APP,哪个没有点滑动刷新功能,简直就太落伍了.正因为需求多,因此自然而然开源的也就多.但是若想引用开源库,则很麻烦,比如PullToRefreshView这个库,如果把开源代码都移植到项目中,这是件很繁琐的事,如果用依赖功能的话,对于强迫症的我,又很不爽.现在也有各种自定义ListView实现PullToRefreshListView的控件,无非就是在header加入一个控件,通过setPadding的方式来改变显示效果.效果已经太out了,如意中发现google自带的sw

Android自定义ListView实现下拉刷新

首先呈上效果图 当今APP,哪个没有点滑动刷新功能,简直就太落伍了.正因为需求多,因此自然而然开源的也就多.但是若想引用开源库,则很麻烦,比如PullToRefreshView这个库,如果把开源代码都移植到项目中,这是件很繁琐的事,如果用依赖功能的话,对于强迫症的我,又很不爽.现在也有各种自定义ListView实现PullToRefreshListView的控件,无非就是在header加入一个控件,通过setPadding的方式来改变显示效果.效果已经太out了,如意中发现google自带的sw

Android自定义ListView实现仿QQ可拖拽列表功能_Android

我们大致的思路,其实是这样子的,也是我的设想,我们可以先去实现一个简单的ListView的数据,但是他的Adapter,我们可以用系统封装好的,然后传递进去一个实体类,最后自定义一个listview去操作,所以我们先把准备的工作做好,比如? list_item.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.a

Android UI设计系列之自定义ListView仿QQ空间阻尼下拉刷新和渐变菜单栏效果(8)_Android

好久没有写有关UI的博客了,刚刚翻了一下之前的博客,最近一篇有关UI的博客:Android UI设计系列之自定义Dialog实现各种风格的对话框效果(7) ,实现各种风格效果的对话框,在那篇博客写完后由于公司封闭开发封网以及其它原因致使博客中断至今,中断这么久很是惭愧,后续我会尽量把该写的都补充出来.近来项目有个需求,要做个和QQ空间类似的菜单栏透明度渐变和下拉刷新带有阻尼回弹的效果.于是花点时间动手试了试,基本上达到了QQ空间的效果,截图如下:         通过观察QQ空间的运行效果,发现