java - Android 中带有图像、文本和颜色的按钮背景

Question

我想在android中创建一个带有背景颜色、图标和文本的按钮。但我不知道如何添加图像。我的 XML 是:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="12dp"
    android:orientation="vertical" >

    <TableLayout
        android:id="@+id/tableLayout1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_margin="5dp" >

        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/button"
            android:text="BOTON"
         />

    </TableLayout>
</LinearLayout>

我的背景:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
 <item >
     <shape android:shape="rectangle"  >
         <corners android:radius="6dip" />
         <stroke android:width="1dip" android:color="#5e7974" />
         <gradient android:angle="-90" android:startColor="#345953" android:endColor="#689a92"  />  

     </shape>
 </item> 

</selector>

我想做一些这样的:

如何在我的背景按钮中添加背景图像和文本？我尝试将图标与属性 android:drawableleft 但尺寸对于按钮的尺寸来说太小了...

Answer 1

这实际上并不难。我只需要为我自己的项目做这个。

Android 按钮在 XML 中具有 drawableLOCATION 属性。

要将图像放在顶部，如您所愿，您可以使用

android:drawableTop="@drawable/your_drawable_icon"

所有四个可能的选项是:

android:drawableLeft
android:drawableRight
android:drawableBottom
android:drawableTop

要调整图像图标的间距/填充，您可以使用

android:drawablePadding="12dp"

您可以阅读有关此的更多信息 here 。

如果这对您来说不够准确，您可以使用relativelayout并将内容放入其中以使其看起来正确。

我必须为我当前的项目这样做。因此，我在 XML 中使用了以下按钮，而不是按钮:

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:id="@+id/applianceInfoLayout"
    android:clickable="true"
    android:background="@drawable/button_background" >

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:clickable="false"
        android:layout_centerVertical="true"
        android:layout_marginLeft="@dimen/service_menu_icon_padding"
        android:layout_marginRight="@dimen/service_menu_icon_padding"
        android:id="@+id/infoTextView"
        android:src="@drawable/ic_applianceinfo"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:clickable="false"
        android:layout_centerVertical="true"
        android:text="Info"
        android:textColor="#E6E7E8"
        android:fontFamily="sans-serif-light"
        android:textAllCaps="false"
        android:textSize="22sp"
        android:layout_toRightOf="@id/infoTextView"/>

</RelativeLayout>

这给了我这个: