Question

我正在尝试在图像下放置文字，但文字重叠在图像上。

<Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/snap"
        android:textColor="#FFFFFF"
        android:id="@+id/shutterButton"
        android:paddingTop="32sp"
        android:drawablePadding="-22sp"
        android:text="SNAP"></Button>

输出

请如何将文字放在图像下方。非常感谢

Answer 1

使用android:drawableTop="@drawable/snap"代替android:background="@drawable/snap"并摆脱android:paddingTop="32sp"和android:drawablePadding="-22sp"

属性android:drawableTop负责在您的文本上方绘制drawable。 E.g

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:drawableTop="@drawable/snap"
    android:textColor="#FFFFFF"
    android:id="@+id/shutterButton" 
    android:text="SNAP" />

Answer 2

 <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:drawableTop="@drawable/snap"
        android:textColor="#FFFFFF"
        android:id="@+id/shutterButton"
        android:paddingTop="32sp"
        android:drawablePadding="-22sp"
        android:text="SNAP"></Button>

Answer 3

这是我用来完成此任务的方法：请注意我使用PercentRelativeLayout。

 while (!Thread.interrupted()) {
        bigInteger.mod(n); // create a new large object each time.
 }

它看起来像什么：

Answer 4

我将Button和Text字段作为单独的容器，然后将它们放在一个垂直方向的LinearLayout中：

`

<LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/textView"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="87dp">

        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/snap"
            android:id="@+id/buttonCamera" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceSmall"
            android:text="SNAP"
            android:id="@+id/textSnap"
            android:textAlignment="center" />
    </LinearLayout>

`

Android：在按钮下放置文字

4 个答案: