Android-切换按钮上的文字叠加层图标

Question

我有一个带图标和文本的切换按钮，如上图所示（用绿色箭头指向）。 我测试过的大多数设备都可以正常工作。

到目前为止，只有两台三星平板电脑（三星Galaxy Tab 7.0和10英寸Galaxy Tab）存在以下问题：文本覆盖图标（用红色箭头指向），如下所示。

我已经尝试了所有设备，填充物等，但没有任何工作结果。

令人惊讶的是，Web和SO都没有提出解决方案或问题。

这是我现在为切换按钮使用的XML。 它与其他定义一起包装到RelativeLayout中：

<ToggleButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/label_subscriptions"
    android:id="@+id/subscription_button"
    android:textOff="@string/btn_subscribe"
    android:textOn="@string/btn_subscribed"
    android:button="@drawable/star_selector"
    android:background="@android:color/transparent"
    android:textColor="@color/textColor"
    android:layout_toLeftOf="@+id/navigation_next_item"
    android:layout_alignBottom="@+id/channel_headline_image"
    />

@drawable/star_selector具有以下定义：

<selector  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="false" android:drawable="@drawable/ic_like" />
    <item android:state_checked="true" android:drawable="@drawable/ic_liked_fav" />
 </selector>

感谢您为我指明正确方向的任何提示！

Answer 1

实际上它不适用于较低的API

更改

 android:button="@drawable/star_selector"

至

android:drawableLeft="@drawable/star_selector"

希望它会有所帮助。

Answer 2

为了正确地允许crossVersion，您应该使用drawableStart而不是drawableLeft。 仅在Android 4.1中会出现此问题。如果您使用drawableLeft，则将无法在文本和drawable之间添加填充，但是在drawableStart中，您可以使用“ drawablePadding”属性

问候！！！