【问题标题】:How to apply a custom style to SwitchCompat如何将自定义样式应用于 SwitchCompat
【发布时间】:2014-12-19 08:14:44
【问题描述】:

我想为 SwitchCompat 应用自定义样式。更改打开和关闭状态的绘图和文本。我怎样才能做到这一点?我找不到任何关于如何做到这一点的例子。我在我的 styles.xml 中尝试了以下内容,但显然我没有使用正确的父项:

<style name="Switch" parent="android:Widget.AppCompat.Widget.CompoundButton.SwitchCompat">
    <item name="android:textOn">@string/common_yes</item>
    <item name="android:textOff">@string/common_no</item>
    <item name="android:thumb">@drawable/btn_switch_selector</item>
    <item name="android:track">@drawable/btn_switch_bg_selector</item>
</style>

编辑

我设法在代码中更改了可绘制对象。

switchView.setThumbResource(R.drawable.btn_switch_selector);
switchView.setTrackResource(R.drawable.btn_switch_bg_selector);

但我还没有找到改变开关文本的方法。以下 sn-p 似乎不起作用。也许我需要设置更多的文本属性?

switchView.setTextOn(context.getString(R.string.common_yes));
switchView.setTextOff(context.getString(R.string.common_no));

根据 SwitchCompat 源代码,应该支持开/关文本: https://android.googlesource.com/platform/frameworks/support/+/421d8baa4a524e1384bcf033360bccaf8d55081d/v7/appcompat/src/android/support/v7/widget/SwitchCompat.java

{@link #setText(CharSequence) 文本} 属性控制开关标签中显示的文本,而 {@link #setTextOff(CharSequence) off} 和 {@link #setTextOn(CharSequence) on} 文本 控制拇指上的文字。

编辑 2

终于找到了代码解决方案。显然 setShowText() 需要设置为 true 才能让文本出现在开关上。

switchView.setTextOn(context.getString(R.string.common_yes));
switchView.setTextOff(context.getString(R.string.common_no));
switchView.setShowText(true);
switchView.setThumbResource(R.drawable.btn_switch_selector);
switchView.setTrackResource(R.drawable.btn_switch_bg_selector);

和xml解决方案

<android.support.v7.widget.SwitchCompat
        android:id="@+id/view_switch"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"            
        android:thumb="@drawable/btn_switch_selector"
        app:track="@drawable/btn_switch_bg_selector"
        android:textOn="@string/common_yes"
        android:textOff="@string/common_no"
        app:showText="true" />

我仍然想知道是否有办法将其放入styles.xml。

【问题讨论】:

  • 询问如何完成的问题或示例可以作为“要求异地资源”关闭。请重新表述您的问题,向我们展示您尝试过的内容(完全尝试过)。不要忘记访问Asking 部分,看看这里欢迎什么样的问题。我将等待您的编辑/删除。谢谢。

标签: android android-theme android-appcompat switchcompat


【解决方案1】:

最后,我找到了一种在整个应用程序中应用相同样式的方法。 我把下面这行放在我的themes.xml

<item name="switchStyle">@style/Custom.Widget.SwitchCompat</item>

以下是我的styles.xml

<style name="Custom.Widget.SwitchCompat" >
    <item name="android:thumb">@drawable/btn_switch_selector</item>
    <item name="track">@drawable/btn_switch_bg_selector</item>
    <item name="showText">true</item>
    <item name="android:textOn">@string/common_yes</item>
    <item name="android:textOff">@string/common_no</item>
</style>

【讨论】:

  • 你确定你继承了其他属性。
【解决方案2】:

样式应包含父样式

<item name="switchStyle">@style/MySwitchCompat</item>

<style name="MySwitchCompat" parent="Widget.AppCompat.CompoundButton.Switch">
    <item name="android:textColor">@color/accent</item>
    <item name="android:fontFamily">sans-serif-light</item>
</style>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-02-21
    • 2019-10-18
    • 2020-08-02
    • 2016-07-29
    • 2020-12-26
    • 2019-03-11
    相关资源
    最近更新 更多