在Android Switch组件上定义自定义样式(主题)

我是 Android开发的新手,也是Android主题/定制,看起来是一个广泛的主题…

我试图给我的Switch组件一个特殊的外观&感觉,但我没有设法实现我想要的,在互联网上看到许多资源之后.

这让我疯狂！
提前感谢您的帮助,Android主人！

上下文

我在现有的android应用程序(v1)上工作,该应用程序是minSdkVersion =“8”.

因此,应用程序使用第三方库获取actionbar(ActionBar Sherlock)和开关(SwitchCompatLibrary)：

今天,我们正在制作v2版本,minSdkVersion =“14”.

我们的客户还要求我们更改默认开关的外观和感觉.

目标是拥有thiese开关：

这真的看起来像最新的材料设计开关,但是使用橙色而不是“绿蓝”的颜色,如here.

约束

正如我们现在的minSdk 14,我们可以删除2个库“ActionBarSherlock”和“SwitchCompatLibrary”,但这不是一个选项.事实上,我们没有时间

实际上,我试图在我的项目的gradle文件appcompat-v7中添加依赖项,以便尝试在(see here)内部使用材质主题的本机开关组件,但是由于上面提到的2个库的重复属性定义,这会给我错误.所以我不能使用它,我不知道这应该有工作吗

dependencies {
(...)

compile project(':actionbarsherlock')
compile project(':switchCompatLibrary')
compile files('libs/android-support-v4.jar')

// incompatible avec actionbarsherlock and SwitchCompatLibrary...
// compile "com.android.support:appcompat-v7:22.0.+" 

(...)
}

现有代码

所以这里是actuel代码.

在我的layout.xml文件中,我使用SwitchCompatLibrary开关：

<de.ankri.views.Switch
            android:id="@+id/switchButtonNotification"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true" />

在我的themes.xml文件中：

<style name="Theme.Orange" parent="@style/Theme.Sherlock">
    ...
    <!-- Theme switch with SwitchCompatLibrary -->
    <item name="switchStyle">@style/switch_light</item>
    <item name="textAppearance">@style/TextAppearance</item>
</style>

与此类似,SwitchCompatLibrary中定义的样式信息

styles.xml：

<resources xmlns:android="http://schemas.android.com/apk/res/android">

    <style name="switch_light">
        <item name="track">@drawable/switch_track_holo_light</item>
        <item name="thumb">@drawable/switch_inner_holo_light</item>
        <item name="textOn">@string/textOn</item>
        <item name="textOff">@string/textOff</item>
        <item name="thumbTextPadding">12dip</item>
        <item name="switchMinWidth">96dip</item>
        <item name="switchPadding">16dip</item>
        <item name="switchTextAppearance">@style/TextAppearance</item>
    </style>    

    <style name="TextAppearance">
        <item name="textColor">?android:attr/textColorPrimary</item>
        <item name="textColorHighlight">?android:attr/textColorHighlight</item>
        <item name="textColorHint">?android:attr/textColorHint</item>
        <item name="textColorLink">?android:attr/textColorLink</item>
        <item name="textSize">16sp</item>
    </style>
</resources>

switch_inner_holo_light.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="false" android:drawable="@drawable/switch_thumb_disabled_holo_light" />
    <item android:state_pressed="true"  android:drawable="@drawable/switch_thumb_pressed_holo_light" />
    <item android:state_checked="true"  android:drawable="@drawable/switch_thumb_activated_holo_light" />
    <item                               android:drawable="@drawable/switch_thumb_holo_light" />
</selector>

switch_track_holo_light.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_focused="true"  android:drawable="@drawable/switch_bg_focused_holo_light" />
    <item                               android:drawable="@drawable/switch_bg_holo_light" />
</selector>

结果是这样的：

我试过的

使用本机开关

由于我现在API最小,所以我首先尝试用我的layout.xml中的“android.widget.Switch”替换“de.ankri.views.Switch”,但是样式不再应用了或橙色)…

然而,直接在每个开关中定义主题(as described here)似乎工作得更好,因为我有一个橙色的切换：

<Switch
        android:id="@+id/switchButtonNotification"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        tools:checked="true"
        android:thumb="@drawable/switch_inner_holo_light"
        android:track="@drawable/switch_track_holo_light"
        android:layout_alignParentRight="true" />

奇怪的…我不知道为什么,所以我不会这样做,并保持“de.ankri.views.Switch”组件.

使用SwitchCompatLibrary开关,并做我自己的样式

然后我试图保持“de.ankri.views.Switch”组件,并做与SwitchCompatLibrary相同的事情,但是用自己的方式覆盖“@ style / switch_light”样式,使用新的可绘制的轨迹和拇指

themes.xml：

<style name="Theme.Orange" parent="@style/Theme.Sherlock">
    ...
    <!-- Theme switch with SwitchCompatLibrary -->
    <item name="switchStyle">@style/Switch.Orange</item>
    <item name="textAppearance">@style/TextAppearance</item>
</style>

styles.xml：

<style name="Switch.Orange" parent="@style/switch_light">
    <item name="track">@drawable/switch_track_orange</item>
    <item name="thumb">@drawable/switch_thumb_orange</item>
    <item name="textOn">@string/textOn</item>
    <item name="textOff">@string/textOff</item>
    <item name="thumbTextPadding">12dip</item>
    <item name="switchMinWidth">96dip</item>
    <item name="switchPadding">16dip</item>
    <item name="switchTextAppearance">@style/TextAppearance</item>
</style>

switch_thumb_orange.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="false" android:drawable="@drawable/switch_thumb_normal_orange" />
    <item android:state_pressed="true"  android:drawable="@drawable/switch_thumb_activated_orange" />
    <item android:state_checked="true"  android:drawable="@drawable/switch_thumb_activated_orange" />
    <item                               android:drawable="@drawable/switch_thumb_normal_orange" />
</selector>

switch_thumb_activated_orange.9.png

switch_thumb_normal_orange.9.png

switch_track_orange.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="false" android:drawable="@drawable/switch_track_normal_orange" />
    <item android:state_checked="true" android:drawable="@drawable/switch_track_activated_orange" />
    <item android:state_focused="true"  android:drawable="@drawable/switch_track_activated_orange" />
    <item                               android:drawable="@drawable/switch_track_normal_orange" />
</selector>

switch_track_activated_orange.9.png

switch_track_normal_orange.9.png

结果：

结果只是AWFUL！：

我在哪里错了？
我尝试在styles.xml中更改“thumbTextPadding”,“switchMinWidth”和“switchPadding”,但没有很好的结果.

也许我的9补丁文件是错误的？

解决方法

这篇文章描述你需要的： http://www.materialdoc.com/switch/

如果着色不起作用(api <21),请查看
this stackoverflow post.希望这可以帮助你！

在Android Switch组件上定义自定义样式(主题)

解决方法

相关推荐