Android中的自定义切换选项

如何为 Android中的SwitchPreference小部件设置自定义样式或其他背景选择器？

(注意：不是常规的Switch小部件,我的意思是在PreferenceActivity / PreferenceFragment中使用的标准的SwitchPreference小部件)

解决方法

您必须为交换机本身创建一个自定义布局,您可以动态应用它.

preference.setWidgetLayoutResource(R.layout.custom_switch);

但是我会详细介绍一下如何实现这一点.

因此,您可以在一个xml文件中定义您的首选项,如preferences.xml

<?xml version="1.0" encoding="utf-8"?>
<PreferenceScreen xmlns:android="http://schemas.android.com/apk/res/android" >
    <PreferenceCategory android:title="YOUR_CATEGORY_TITLE" >
        <SwitchPreference
            android:key="SWITCH"
            android:title="YOUR_TITLE_FOR_SWITCH" />
    </PreferenceCategory>
</PreferenceScreen>

然后在PreferenceActivty类中的onCreate()方法中读取它：

SwitchPreference pref = (SwitchPreference) findPreference(getString(R.string.SWITCH));
    //pref.setChecked(true); // You can check it already if needed to true or false or a value you have stored persistently
    pref.setWidgetLayoutResource(R.layout.custom_switch); // THIS IS THE KEY OF ALL THIS. HERE YOU SET A CUSTOM LAYOUT FOR THE WIDGET
    pref.setonPreferencechangelistener(new OnPreferencechangelistener() {

        @Override
        public boolean onPreferenceChange(Preference preference,Object newValue) {
            // Here you can enable/disable whatever you need to
            return true;
        }
    });

custom_switch布局如下所示：

<?xml version="1.0" encoding="utf-8"?>
<Switch xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/custom_switch_item"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_vertical"
    android:textColor="@android:color/white"
    android:textIsSelectable="false"
    android:textSize="18sp"
    android:textStyle="bold"
    android:track="@drawable/switch_track" 
    android:thumb="@drawable/switch_thumb"/>

对于开关,您将有2个选择器用于轨道和缩略图属性.
这些选择器的可绘制可以由tasomaniac建议的Android Holo Color Generator生成.在这种情况下,您需要做的是复制生成的可绘制文件夹的内容(仅适用于drawable-hdpi,drawable -mdpi,drawable-xhdpi,drawable-xxhdpi).但是您可以为每个需要的状态创建自定义视图.

以下是这些选择器的外观：
switch_track：

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

    <item android:drawable="@drawable/switch_bg_focused" android:state_focused="true"/>
    <item android:drawable="@drawable/switch_bg"/>

</selector>

switch_thumb：

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

     <item android:drawable="@drawable/switch_thumb_disabled" android:state_enabled="false"/>
     <item android:drawable="@drawable/switch_thumb_pressed" android:state_pressed="true"/>
     <item android:drawable="@drawable/switch_thumb_activated" android:state_checked="true"/>
     <item android:drawable="@drawable/switch_thumb"/>

</selector>

这几乎是这样的.这个解决方案帮助了我.如果我省略了一些,请让我知道,我会纠正这个问题.

Android中的自定义切换选项

解决方法

相关文章