android中的Custom Listview Fast Scrollbar

时间:2013-06-27 07:29:58

标签: android

我想自定义一个带有可触摸快速滚动条的列表视图,例如带有拇指图像垂直线的Google播放音乐应用。它提供了一种简单快捷的方式来滚动这个可触摸的快速滚动条。我试着像这样搜索自定义滚动条,但我在listview中找不到任何快速滚动条。我期待滚动条的输出如下图所示:

enter image description here

外面的快速滚动条用红线标出。我在StackOverflow上找到this post,但链接中的代码没有给出预期的输出。你能帮帮我吗?

2 个答案:

答案 0 :(得分:36)

最后,我想出了一个解决方案。它仅适用于 API级别11或更高级别

<强>值/ style.xml

<style name="AppTheme" parent="@style/Theme.Sherlock.Light">
        <!-- All customizations that are NOT specific to a particular API-level can go here. -->
        <item name="android:fastScrollThumbDrawable">@drawable/fast_thumb</item>
        <item name="android:fastScrollTrackDrawable">@drawable/fastscroll_track_default_holo_dark</item>

</style>

为此主题应用活动,如下面的代码:

         <activity
            android:name="com.example.viewpager.FirstActivity"
            android:theme="@style/AppTheme"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

活动布局XML如下代码:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/rlScrollingPlayList"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/white"
    android:orientation="vertical" >

        <ListView
            android:id="@+id/listView1"
            android:layout_width="match_parent"
            android:fastScrollEnabled="true"
            android:fastScrollAlwaysVisible="true"
            android:scrollbarStyle="outsideInset"
            android:layout_height="match_parent" >
        </ListView>

</RelativeLayout>

资源图片文件

enter image description here enter image description here enter here

快速滚动缩略图选择器XML文件:

<强>抽拉/ fast_thumb.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >

    <item android:state_pressed="true" android:drawable="@drawable/fastscroll_thumb_pressed_holo"/>
    <item android:drawable="@drawable/fastscroll_thumb_default_holo"></item>

</selector>

最终输出如下图所示:

enter image description here

答案 1 :(得分:2)

所以对于android api等级&lt; 11有特殊的黑客

// special hack for violet fast scroll
        if (android.os.Build.VERSION.SDK_INT < Build.VERSION_CODES.HONEYCOMB) {
            try {
                java.lang.reflect.Field f = AbsListView.class.getDeclaredField("mFastScroller");
                f.setAccessible(true);
                Object o = f.get(root.findViewById(R.id.beam_contact_listview));
                f = f.getType().getDeclaredField("mThumbDrawable");
                f.setAccessible(true);
                Drawable drawable = (Drawable) f.get(o);
                drawable = getResources().getDrawable(R.drawable.sv_fastscroll);
                f.set(o, drawable);
            } catch (Exception e) {
                e.printStackTrace();
            }
        }

这个代码加上android api级别的解决方案&gt; = 11 =所有android api级别的解决方案)