上下文

Question

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

我试图给我的Switch组件一个特殊的外观＆amp;我觉得，但是在找到互联网上的大量资源后，我无法实现我想要的目标。

这让我发疯了！
感谢您的帮助，Android大师！

上下文

我在一个现有的Android应用程序（v1）上工作，该应用程序是minSdkVersion =＆＃34; 8＆＃34;。

因此，该应用程序使用第三方库来获取操作栏（ActionBar Sherlock）和切换（SwitchCompatLibrary）：

今天，我们正在制作v2版本，其中minSdkVersion =＆＃34; 14＆＃34;。

我们的客户还要求我们更改默认的开关外观。

目标是使用thiese开关：

这看起来真的像最新的材料设计开关，但是用橙色而不是＆＃34;绿蓝色＆＃34;颜色，如here。

约束

正如我们现在的minSdk 14，我们可以删除2个库＆＃34; ActionBarSherlock＆＃34;和＆＃34; SwitchCompatLibrary＆＃34;，但这不是一个选项。事实上，我们没有时间......

确实，我尝试在项目的gradle文件中添加依赖项 appcompat-v7 ，以便尝试使用内部具有材质主题的本机开关组件（{{3}但是这会给我带来错误，因为上面提到的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.+" 

(...)
}

现有代码

所以这是执行代码。

在我的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>

结果如下：
see here

我尝试了什么

使用本机开关

由于我现在API 14最低，我首先尝试更换＆＃34; de.ankri.views.Switch＆＃34;用＆＃34; android.widget.Switch＆＃34;在我的layout.xml中，但样式不再适用（蓝色激活的开关代替或橙色）...

然而，直接在每个开关中定义主题（）似乎更好，因为我有一个橙色切换回来：

    <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" />

奇怪......我不知道为什么，所以我不会那样做并且保持＆＃34; de.ankri.views.Switch＆＃34;成分

使用SwitchCompatLibrary开关并执行自己的样式

然后我试图保持＆＃34; de.ankri.views.Switch＆＃34;组件和SwitchCompatLibrary做同样的事情，但重写＆＃34; @ style / switch_light＆＃34;使用我自己的风格，使用新的drawables为轨道和拇指

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 as described here

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