Question

我正在尝试按钮，按钮内有一个小图标和文字，图标位于按钮左侧，如何将其移动到靠近居中的文本？

这是按钮的XML：

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:drawableLeft="@drawable/home_icon"
        android:text="BACK"
        android:id="@+id/button"
        android:width="160dp"
        android:height="70dp"
        android:textStyle="bold" />

Answer 1

不幸的是，无法使用drawableLeft属性。此属性将图像定位到最左侧位置（无论您的文本位于何处）。

您需要为此创建自己的按钮：

<LinearLayout
    android:id="@+id/button"
    style="?android:attr/buttonStyle"
    android:layout_width="160dip"
    android:layout_height="70dip"
    android:gravity="center"
    android:orientation="horizontal" >

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/home_icon" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="BACK"
        android:textColor="@android:color/black" />
</LinearLayout>

Answer 2

你不能靠近它。如果你想让它们靠得更近，你唯一的选择就是建立你自己的按钮：

<RelativeLayout
          android:id="@+id/rlButton"
          android:layout_width="match_parent"
          android:layout_height="match_parent">

    <TextView
            android:id="@+id/tvText"
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content"
            android:text="@string/button_text"/>

    <ImageView
            android:id="@+id/ivLeft"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/home_icon"
            android:layout_toLeftOf="@id/tvText"/>

</RelativeLayout>

您可以使用边距来控制TextView和ImageView之间的距离。您可以像使用按钮一样使用它：

RelativeLayour rlButton = (RelativeLayout) view.findViewById(R.id.rlButton);
rlButton.setOnClickListener(new OnClickListener() {
    ....
});

但是当然你必须将你的按钮样式应用于RelativeLayout，因此它看起来与按钮相同。

Answer 3

<Button
 android:id="@+id/button1"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:drawableLeft="@android:drawable/btn_star_big_on"
 android:text="Drawable left"/>

使图像和文字在按钮内并排显示？

3 个答案: