Spinner 的滚动条样式

Question

我尝试更改微调器内滚动条的样式和位置，但它不起作用。

MainActivity.java：

package com.example.testapp;

import android.app.Activity;
import android.os.Bundle;

public class MainActivity extends Activity
{
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

activity_main.xml：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Spinner
        android:entries="@array/items"
        android:verticalScrollbarPosition="left"
        android:scrollbarThumbVertical="@drawable/scrollbar_style"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true" />

</RelativeLayout>

drawable/scrollbar_style.xml：

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

    <solid android:color="#FF196C96" />
    <corners android:radius="5dp" />
    <size android:width="2dp" />

</shape>

值/字符串.xml：

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <string name="app_name">TestApp</string>
    <string name="action_settings">Settings</string>

    <string-array name="items">
        <item>Item 1</item>
        <item>Item 2</item>
        <item>Item 3</item>
        <item>Item 4</item>
        <item>Item 5</item>
        <item>Item 6</item>
        <item>Item 7</item>
        <item>Item 8</item>
        <item>Item 9</item>
        <item>Item 10</item>
    </string-array>

</resources>

AndroidManifest.xml：

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.testapp"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="19" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.example.testapp.MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

截图：

请注意，如果我将 android:verticalScrollbarPosition="left" 和 android:scrollbarThumbVertical="@drawable/scrollbar_style" 与 ListView 一起使用，它们可以正常工作：

这是一个错误吗？还是有另一种方法来操纵Spinner 中的滚动条样式和位置？

Answer 1

经过数小时的工作，我找到了正确的解决方案（感谢 Khaled 引导我走向正确的方向）。您需要一个自定义微调器：

import java.lang.reflect.Field;
import java.lang.reflect.Method;

import org.holoeverywhere.widget.ListPopupWindow;
import org.holoeverywhere.widget.ListView;
import org.holoeverywhere.widget.Spinner;

import android.content.Context;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.view.View;

public class CustomSpinner extends Spinner
{
    public CustomSpinner(Context context)
    {
        super(context);
    }

    public CustomSpinner(Context context, AttributeSet attrs)
    {
        super(context, attrs);
    }

    public CustomSpinner(Context context, AttributeSet attrs, int defStyle)
    {
        super(context, attrs, defStyle);
    }

    public CustomSpinner(Context context, AttributeSet attrs, int defStyle, int mode)
    {
        super(context, attrs, defStyle, mode);
    }

    public CustomSpinner(Context context, int mode)
    {
        super(context, mode);
    }

    @Override
    public boolean performClick()
    {
        boolean bClicked = super.performClick();

        try
        {
            Field mPopupField = Spinner.class.getDeclaredField("mPopup");
            mPopupField.setAccessible(true);
            ListPopupWindow pop = (ListPopupWindow) mPopupField.get(this);
            ListView listview = pop.getListView();

            Field mScrollCacheField = View.class.getDeclaredField("mScrollCache");
            mScrollCacheField.setAccessible(true);
            Object mScrollCache = mScrollCacheField.get(listview);
            Field scrollBarField = mScrollCache.getClass().getDeclaredField("scrollBar");
            scrollBarField.setAccessible(true);
            Object scrollBar = scrollBarField.get(mScrollCache);
            Method method = scrollBar.getClass().getDeclaredMethod("setVerticalThumbDrawable", Drawable.class);
            method.setAccessible(true);
            method.invoke(scrollBar, getResources().getDrawable(R.drawable.scrollbar_style));

            if(VERSION.SDK_INT >= VERSION_CODES.HONEYCOMB)
            {
                Field mVerticalScrollbarPositionField = View.class.getDeclaredField("mVerticalScrollbarPosition");
                mVerticalScrollbarPositionField.setAccessible(true);
                mVerticalScrollbarPositionField.set(listview, SCROLLBAR_POSITION_LEFT);
            }
        }
        catch(Exception e)
        {
            e.printStackTrace();
        }

        return bClicked;
    }
}

请注意，我使用了 HoloEveryWhere 库，但同样的解决方案适用于 android.widget.Spinner。

Answer 2

Android 中的 Spinner 没有 Scrollbar，滚动条存在于 Spinner 内部维护的 listView 中，并且没有公共访问权限。

在下面的链接中有一种运行时方法可以覆盖它..

资源：https://stackoverflow.com/a/12644532/2128327

Answer 3

在您的应用主题或活动中：

  <item name="android:dropDownListViewStyle">@style/SpinnerStyle1</item>

声明 SpinnerStyle1：

<style name="SpinnerStyle1" parent="Widget.AppCompat.ListView.DropDown">
        <item name="android:divider">@color/blackText</item>
        <item name="android:dividerHeight">1px</item>
        <item name="android:scrollbars">none</item>
</style>

Answer 4

您可以在styles.xml中创建以下样式

<style name="SpinnerScrollBar" parent="Widget.AppCompat.ListView.DropDown">
    <item name="android:scrollbarThumbVertical">@color/scrollbar_color</item>
</style>

然后将其设置为微调器主题

<Spinner
    ...
    android:theme="@style/SpinnerScrollBar"/>

如果你想要一些渐变色，你也可以使用 drawable 代替颜色

Answer 5

我需要在下拉列表中为滚动条的末尾添加边距，并更改它的颜色、宽度和半径。这对我有用：

在drawable文件夹下创建一个XML：dropdown_scrollbar.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:right="8dp" android:bottom="8dp" android:top="8dp"> <!-- Margins -->
        <shape>
            <solid android:color="#594165" /> <!-- Scrollbar Color -->
            <corners android:radius="41dp" /> <!-- Scrollbar Radius -->
            <size android:width="4dp"/> <!-- Scrollbar Width -->
        </shape>
    </item>
</layer-list>

在 styles.xml

中创建样式

<style name="customScrollbar">
     <item name="android:scrollbarThumbVertical">@drawable/dropdown_scrollbar</item>
</style>

在布局文件的Spinner标签中，添加主题属性：

android:theme="@style/csScrollbar"

我通过扩展 Spinner 类使用了自定义 Spinner 类。尚未尝试使用默认 Spinner 类的上述解决方案。