我试图给我的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组件上定义自定义样式(主题)所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)