Question

我正在尝试创建一个主入口界面。我将创建一个六个按钮，每个按钮将打开另一个活动。对于每个按钮，我希望它在按钮下方有一个带有文本的大图标。目前，我可以在按钮上有图像，但我不知道如何使文本显示在按钮下方。我试图将文字直接放在图像上，但它看起来并不好看。这是按钮

的第一行（两个按钮）的部分

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:orientation="horizontal"
    android:weightSum="2" >

    <Button
        android:id="@+id/btn1"
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="@drawable/ic_my_icon" />

    <Button
        android:id="@+id/btn2"
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="@drawable/ic_my_icon2" />
</LinearLayout>

这就是我所说的。除此之外，我希望图标是一个椭圆形按钮。我想要的结果看起来像这篇文章中的图像，除了我想要六个带图像和文字的椭圆形按钮。 Round buttons with icon in center and text under icon

非常感谢你的帮助。

Answer 1

使用drawableTop属性，如下所示：

<Button
    android:id="@+id/btn2"
    android:layout_width="0dp"
    android:layout_height="fill_parent"
    android:layout_weight="1"
    android:text="This text is below the image"
    android:drawableTop="@drawable/ic_my_icon2" />

请参阅android:drawableTop上的参考Button documentation以及{{3}}与drawableLeft的简单示例。

Android文字下方图标（按钮）

1 个答案: