如何在Android Studio中的四个按钮上放置另一个按钮

Question

我正在尝试在我的Android应用程序中实现此格式。格式如下： -

[]

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="20dp"
tools:context="com.example.nero.application.MainControl">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="center"
    android:padding="10dp">

    <Button
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:text="Button"
        android:textSize="20dp"
        android:textColor="#f000"
        android:background="@color/red"/>

    <Button
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:text="Button"
        android:textSize="20dp"
        android:textColor="#f000"
        android:background="@color/red" />

</LinearLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="center"
    android:padding="10dp">

    <Button
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:text="Button"
        android:textSize="20dp"
        android:textColor="#f000"
        android:background="@color/red"/>

    <Button
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:text="Button"
        android:textSize="20dp"
        android:textColor="#f000"
        android:background="@color/red"/>

</LinearLayout>

我总是在工作中使用LinearLayout，因为它易于理解并且可以在堆栈中使用。然而，RelativeLayout对我来说（个人而言）有点复杂。这就是我目前所做的事情，我也试图在所有内容之上添加一个FrameLayout，以便显示最终按钮，但我无法准确定位。

我试图避免的另一个问题是使这种设计适用于不同的屏幕尺寸。

任何帮助都会感激不尽，谢谢！

Answer 1

这应该有效：

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_gravity="center"
        android:padding="20dp">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:gravity="center"
            android:padding="10dp">

            <Button
                android:layout_width="150dp"
                android:layout_height="150dp"
                android:text="Button"
                android:textSize="20dp"
                android:textColor="#f000"
                android:background="@color/red"/>

            <Button
                android:layout_width="150dp"
                android:layout_height="150dp"
                android:text="Button"
                android:textSize="20dp"
                android:textColor="#f000"
                android:background="@color/red" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:gravity="center"
            android:padding="10dp">

            <Button
                android:layout_width="150dp"
                android:layout_height="150dp"
                android:text="Button"
                android:textSize="20dp"
                android:textColor="#f000"
                android:background="@color/red"/>

            <Button
                android:layout_width="150dp"
                android:layout_height="150dp"
                android:text="Button"
                android:textSize="20dp"
                android:textColor="#f000"
                android:background="@color/red"/>

        </LinearLayout>
    </LinearLayout>

    <View android:layout_height="150dp"
        android:layout_width="150dp"
        android:background="#54e"
        android:layout_gravity="center"/>
</FrameLayout>

只需将View元素替换为您需要的任何类型，并添加椭圆形状的背景以进行舍入。