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

在Android Switch组件上定义自定义样式(主题),第1张

概述我是 Android开发的新手,也是Android主题/定制,看起来是一个广泛的主题… 我试图给我的Switch组件一个特殊的外观&感觉,但我没有设法实现我想要的,在互联网上看到许多资源之后. 这让我疯狂! 提前感谢您的帮助,Android主人! 上下文 我在现有的android应用程序(v1)上工作,该应用程序是minSdkVersion =“8”. 因此,应用程序使用第三方库获取actionb 我是 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),请查看
@L_502_19@希望这可以帮助你!

总结

以上是内存溢出为你收集整理的在Android Switch组件上定义自定义样式(主题)全部内容,希望文章能够帮你解决在Android Switch组件上定义自定义样式(主题)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1132450.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-30
下一篇 2022-05-30

发表评论

登录后才能评论

评论列表(0条)

保存