android - 如何在按钮内设置图像和文本中心

Question

我想在按钮上显示 TEXT 和 Icon。

+----------------------------+
|          Icon TEXT         |
+----------------------------+

我试过了

<Button 
      android:id="@+id/Button01" 
      android:layout_width="fill_parent"
      android:layout_height="wrap_content" 
      android:paddingLeft="40dip"
      android:text="TEXT"
      android:drawableLeft="@drawable/Icon" />

但 Text 和 Icon 不在中心。
我的 Text 大小会有所不同，根据文本大小 Icon 和 Text 应该调整到中心。

我该怎么做？

Answer 1

您可以通过制作更复杂的布局来伪造它，但我不确定它是否值得。这是我一起破解的东西:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">
<Button
    android:layout_height="wrap_content"
    android:layout_width="fill_parent"
    android:layout_alignTop="@+id/foreground"
    android:layout_alignBottom="@id/foreground"
    android:layout_alignRight="@id/foreground"
    android:layout_alignLeft="@id/foreground"
    android:onClick="clickedMe" />
   <RelativeLayout
        android:id="@id/foreground"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">
    <TextView  
        android:id="@+id/button_text"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"
        android:layout_centerInParent="true" 
        android:text="@string/hello" />
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_toLeftOf="@id/button_text"
        android:paddingTop="10dip"
        android:paddingBottom="10dip"
        android:src="@drawable/icon" />
</RelativeLayout>
</RelativeLayout>

可能有更简洁的方法来做到这一点。我有时很难让 RelativeLayout 做我想做的事。请注意，您需要注意 z 顺序(按钮需要首先出现在顶级 RelativeLayout 中)，并且您可能需要调整填充以使其看起来像您想要的那样。