自定义 android ToggleButton 显示文本

Question

最近，我正在开发的应用程序上的 ToggleButtons 失去了它的绿灯指示灯。我从各种教程开始，收集了一组 9 个补丁指示器，以使它们再次正常工作。唯一的问题是文本现在位于指示器的顶部，如下所示：

我想要顶部的文本，就像旧的切换按钮一样...有什么办法吗？

btn_toggle_bg.xml：

<?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@+android:id/background" android:drawable="@android:drawable/btn_default" />
    <item android:id="@+android:id/toggle" android:drawable="@drawable/btn_toggle" />
    </layer-list>

我的 btn_toggle.xml：

<?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true" android:drawable="@drawable/btn_toggle_on" />
    <item android:state_checked="false" android:drawable="@drawable/btn_toggle_off" />
    </selector>

以及我活动中的切换按钮标签：

        <ToggleButton 
            android:background="@drawable/btn_toggle_bg"
            style="@style/OurThemeName" 
            android:textOff="@string/fertilizer" 
            android:textOn="@string/fertilizer" 
            android:id="@+id/toggleFertilizer"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:checked="false">
        </ToggleButton>
        <ToggleButton 
            android:background="@drawable/btn_toggle_bg"
            style="@style/OurThemeName" 
            android:textOff="@string/irrigation" 
            android:textOn="@string/irrigation" 
            android:id="@+id/toggleIrrigation"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:checked="false">
        </ToggleButton>

差点忘了themes.xml：

<?xml version="1.0" encoding="utf-8"?>
<resources>
<!-- Overwrite the ToggleButton style -->
<style name="Widget.Button.Toggle" parent="android:Widget">
    <item name="android:background">@drawable/btn_toggle_bg</item>
    <item name="android:textOn">On</item>
    <item name="android:textOff">Off</item>
    <item name="android:disabledAlpha">?android:attr/disabledAlpha</item>
</style>

<style name="OurThemeName"  parent="@android:Theme.Light">
    <item name="android:buttonStyleToggle">@style/Widget.Button.Toggle</item>
      <item name="android:textOn"></item>
    <item name="android:textOff"></item>
</style>
</resources>

Answer 1

您需要在 9-Patch 中设置 Fill Area。您可以使用 Draw 9-patch 工具在图像的右侧和底部添加这些区域，包括它们。这样您就可以定义文本标签的区域。

查看this tutorial 解释 9-Patch 的工作原理。