Android Studio：钻石布局

Question

我需要有关 Android Studio 布局的帮助。

我有文本和图标（每个 5 个），每个文本都与一个图标相关联。

图标和文本垂直居中。

我需要将每个文本和图标都放在一个“+”的形状中。所以一个在中心，顶部，底部，左侧和右侧。

如何将一个文本与其图标组合在一起，以便我可以将其解释为一个元素并更容易在此布局中居中？

谢谢！

你会发现我必须匹配的结果：

Answer 1

只需将它们都放在布局视图中。就像在具有垂直方向的线性布局中一样，并将重力设置为中心水平。如果你想让它可点击，只需在线性布局中添加一个 id。

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:id="@+id/image_text_element">
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/settings"
        android:layout_gravity="center_horizontal">
    </ImageView>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="test"
        android:layout_gravity="center_horizontal" />
</LinearLayout>

Answer 2

如何将一个文本与其图标组合在一起，以便我可以将其解释为一个元素并更容易在此布局中居中？

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/your_text"
    android:background="?android:attr/selectableItemBackground"
    android:drawableTop="@drawable/your_icon"/>