java - Android背景+文本+按钮图标

Question

我想将图像设置为背景，上面有文本，文本左侧有一个图标。 在 iPhone 中非常容易，但无法弄清楚如何在 Android 上执行此操作，调整按钮的大小并正确保持图标 + 文本的位置和距离。

苹果手机:

Android 我有这个:

xml代码为:

<Button
    android:id="@+id/btSettings"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_above="@id/tvWhatever"
    android:layout_centerHorizontal="true"
    android:layout_marginBottom="20dp"
    android:background="@drawable/bt_general"
    android:drawableTop="@drawable/settings_selected"
    android:text="@string/settings"
    android:textColor="#000000" />

从 here 中获取代码.

如果我使用 android:drawableLeft ，图标将转到最左边的部分。

如果我开始使用半硬编码填充，那么我将对差异设备有不同的看法:(电话和表格)

如果我添加 android:gravity="left|center_vertical" 它将看起来像这样:

文本是可变的:当用户改变语言时它会改变。

如何正确地做到这一点？

我不想对任何人的回答投反对票，但请阅读问题并且不要建议我已经尝试过的内容。还被告知硬编码修复效果不佳。

这不是作业，而是商业软件部分。

这是答案中的建议代码:

<RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/bt_general"
        android:padding="20dip" >

        <ImageView
            android:id="@+id/xIcon"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true"
            android:layout_marginLeft="10dip"
            android:src="@drawable/settings_selected" />

        <TextView
            android:id="@+id/xSettingsTxt"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="@string/settings"
            android:textColor="#000000" />
    </RelativeLayout>

您认为 Galaxy s4 上的 android:layout_marginLeft="10dip" 会是什么样子？这是预览:

这不是我问的。 “dip”或“dp”或“px”不应在任何地方用作距左上角的距离，因为手机具有 HPDI、较小的屏幕，而平板电脑具有 MDPI 和宽分辨率。 Simple 不适用于 mdpi 和 xxhdpi。

Nizam answer非常接近一个好的解决方案:

Answer 1

也许您应该使用带圆角的 RelativeLayout，而不是将 TextView 和 ImageView 放在其中。