java - 如何调整这些显示在网格布局上的图像？

Question

我在网格布局上显示了 4 个方向按钮，试图制作这样的“游戏控制面板”:

游戏已经制作完成，但问题在于“游戏面板”，在平板电脑等大型设备上看起来非常小:

我怎样才能让按钮显示填充父级？，我的 xml 代码是这样的，我制作了一个名为方形布局的自定义布局来显示游戏:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"

tools:context=".MainActivity"
android:background="@drawable/background"
android:padding="10dp">

</*packages*/SquareLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/square"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true">

    //gameview
<//*packages*/SquareLayout>


<FrameLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/afgergg"
    android:id="@+id/frameLayout"
    android:layout_alignParentBottom="true">


    <GridLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center">

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/up"
            android:layout_row="0"
            android:layout_column="1"
            android:longClickable="true"
            android:background="@drawable/background"
            android:src="@drawable/ic_arrow_up" />

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/down"
            android:layout_row="2"
            android:layout_column="1"
            android:background="@drawable/background"
            android:src="@drawable/ic_arrow_down" />

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/left"
            android:layout_row="1"
            android:layout_column="0"
            android:background="@drawable/background"
            android:src="@drawable/ic_arrow_left" />

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/right"
            android:layout_row="1"
            android:layout_column="2"
            android:background="@drawable/background"
            android:clickable="true"
            android:src="@drawable/ic_arrow_right" />
        </GridLayout>
</FrameLayout>

Answer 1

您可以轻松地将其视为具有 5 个虚拟 View 的 3x3 网格即用

替换您的网格布局

<LinearLayout  android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    >
    <LinearLayout  android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        >
        <View  android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"/>
        <ImageButton
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:id="@+id/up"
            android:layout_weight="1"
            android:longClickable="true"
            android:adjustViewBounds="true"
            android:background="@drawable/background"
            android:src="@drawable/ic_arrow_up" />
        <View  android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"/>
    </LinearLayout>

    <LinearLayout  android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        >
        <ImageButton
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:id="@+id/left"
            android:layout_weight="1"
            android:adjustViewBounds="true"
            android:background="@drawable/background"
            android:src="@drawable/ic_arrow_left" />
        <View  android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"/>
        <ImageButton
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:id="@+id/right"
            android:layout_weight="1"
            android:background="@drawable/background"
            android:clickable="true"
            android:adjustViewBounds="true"
            android:src="@drawable/ic_arrow_right" />
    </LinearLayout>

    <LinearLayout  android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        >
        <View  android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"/>
        <ImageButton
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:id="@+id/down"
            android:layout_weight="1"
            android:adjustViewBounds="true"
            android:background="@drawable/background"
            android:src="@drawable/ic_arrow_down" />
        <View  android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"/>
    </LinearLayout>
</LinearLayout>

或者，您可以使用表格布局。注意:您可能想添加边距等。