java - 安卓按钮: place android:text above the android:drawableBottom of a button

Question

有没有办法可以将 text 属性放置在 android:drawableBottom 属性上方。这是我的尝试

这是以下代码的屏幕截图

 <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableBottom="@drawable/snap"
            android:textColor="#FFFFFF"
            android:background="#00FFFFFF"
            android:id="@+id/shutterButton"
            android:layout_weight="1"
            android:padding="5px"
            android:text="SNAP"></Button>

已编辑这是线性布局，显示了按钮组如何放置在水平方向

<LinearLayout
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:background="#338FD8D8"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true"
                android:orientation="horizontal"
                android:paddingBottom="10px"
                android:paddingTop="10px">
<Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:drawableBottom="@drawable/snap"
        android:textColor="#FFFFFF"
        android:background="#00FFFFFF"
        android:id="@+id/shutterButton"
        android:layout_weight="1"
        android:padding="5px"
        android:text="SNAP"></Button>

               <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:drawableTop="@drawable/xxx"
        android:textColor="#FFFFFF"
        android:background="#00FFFFFF"
        android:id="@+id/xxx"
        android:layout_weight="1"
        android:padding="5px"
        android:text="xxx"></Button>

               <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:drawableTop="@drawable/xxx"
        android:textColor="#FFFFFF"
        android:background="#00FFFFFF"
        android:id="@+id/xxx"
        android:layout_weight="1"
        android:padding="5px"
        android:text="xxx"></Button>


         </LinearLayout>

上面的代码没有将 SNAP 文本放置在 androidBottom 属性的顶部。请帮忙

Answer 1

尝试使用此代码。

在您的 xml 中替换此代码。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:id="@+id/shutterButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:layout_weight="1"
        android:background="#FFFFFF"
        android:drawableBottom="@drawable/ic_question_answer_black_36dp"
        android:text="SNAP"
        android:textColor="#000000"
        android:textSize="20sp"></Button>
</RelativeLayout>

在这里更改您的Drawable和Text Color以及您需要的任何Background Color。

此处的屏幕截图。

它将为您提供可绘制上方的文本。

编辑1:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:background="#338FD8D8"
        android:orientation="horizontal"
        android:paddingBottom="10dp"
        android:paddingTop="10dp">

        <Button
            android:id="@+id/shutterButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#00FFFFFF"
            android:drawableBottom="@drawable/ic_question_answer_black_36dp"
            android:padding="5px"
            android:text="SNAP"
            android:textColor="#000000" />

        <Button
            android:id="@+id/shutterButton1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#00FFFFFF"
            android:drawableBottom="@drawable/ic_question_answer_black_36dp"
            android:padding="5px"
            android:text="xxx"
            android:textColor="#000000" />

        <Button
            android:id="@+id/shutterButton2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#00FFFFFF"
            android:drawableBottom="@drawable/ic_question_answer_black_36dp"
            android:padding="5px"
            android:text="xxx"
            android:textColor="#000000" />


    </LinearLayout>
</RelativeLayout>

此处为按钮组屏幕截图。