Question

我是设计布局的新手。我的应用程序有一个启动屏幕，网格布局由11个按钮组成。我想有点像这样

但最终得到了这个

我想知道如何从屏幕的每一侧和按钮之间给出相等的间距。

这是我的XML代码

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

<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="{relativePackage}.${activityClass}"
    >

    <GridLayout
        android:id="@+id/gridV"
        android:layout_width="match_parent"
        android:layout_height="match_parent"

        android:columnCount="2"

        android:layout_alignParentTop="true"
        android:layout_alignParentStart="true">

        <Button

            android:textColor="#FFFFFF"
            android:textSize="20sp"
            android:layout_width="130dp"
            android:layout_height="200dp"
            android:background="@drawable/button_townhall"
            android:shadowColor="#A8A8A8"
            android:shadowDx="0"
            android:shadowDy="0"
            android:shadowRadius="5"
            android:text="Town Hall 1"
            android:layout_marginLeft="30dp"
            android:layout_marginRight="70dp"

            android:id="@+id/th1"

            />
        <Button
            android:textColor="#FFFFFF"
            android:textSize="20sp"
            android:layout_width="130dp"
            android:layout_height="200dp"
            android:background="@drawable/button_townhall"
            android:shadowColor="#A8A8A8"
            android:shadowDx="0"
            android:shadowDy="0"
            android:shadowRadius="5"
            android:text="Town Hall 2"

            android:id="@+id/th2"
            />


        <Button
            android:textColor="#FFFFFF"
            android:textSize="20sp"
            android:layout_width="130dp"
            android:layout_height="180dp"
            android:background="@drawable/button_townhall"
            android:shadowColor="#A8A8A8"
            android:shadowDx="0"
            android:shadowDy="0"
            android:shadowRadius="5"
            android:text="Town Hall 3"
            android:id="@+id/th3"
            android:layout_marginLeft="30dp"
            android:layout_marginRight="70dp"

            />
        <Button
            android:textColor="#FFFFFF"
            android:textSize="20sp"
            android:layout_width="130dp"
            android:layout_height="180dp"
            android:background="@drawable/button_townhall"
            android:shadowColor="#A8A8A8"
            android:shadowDx="0"
            android:shadowDy="0"
            android:shadowRadius="5"
            android:text="Town Hall 4"
            android:id="@+id/th4"

            />
        <Button
            android:textColor="#FFFFFF"
            android:textSize="20sp"
            android:layout_width="130dp"
            android:layout_height="180dp"
            android:background="@drawable/button_townhall"
            android:shadowColor="#A8A8A8"
            android:shadowDx="0"
            android:shadowDy="0"
            android:shadowRadius="5"
            android:text="Town Hall 5"
            android:id="@+id/th5"
            android:layout_marginLeft="30dp"
            android:layout_marginRight="70dp"
            />
        <Button
            android:textColor="#FFFFFF"
            android:textSize="20sp"
            android:layout_width="130dp"
            android:layout_height="180dp"
            android:background="@drawable/button_townhall"
            android:shadowColor="#A8A8A8"
            android:shadowDx="0"
            android:shadowDy="0"
            android:shadowRadius="5"
            android:text="Town Hall 6"
            android:id="@+id/th6"
            />
        <Button
            android:textColor="#FFFFFF"
            android:textSize="20sp"
            android:layout_width="130dp"
            android:layout_height="180dp"
            android:background="@drawable/button_townhall"
            android:shadowColor="#A8A8A8"
            android:shadowDx="0"
            android:shadowDy="0"
            android:shadowRadius="5"
            android:text="Town Hall 7"
            android:id="@+id/th7"
            android:layout_marginLeft="30dp"
            android:layout_marginRight="70dp"
            />
        <Button
            android:textColor="#FFFFFF"
            android:textSize="20sp"
            android:layout_width="130dp"
            android:layout_height="180dp"
            android:background="@drawable/button_townhall"
            android:shadowColor="#A8A8A8"
            android:shadowDx="0"
            android:shadowDy="0"
            android:shadowRadius="5"
            android:text="Town Hall 8"
            android:id="@+id/th8"
            />
        <Button
            android:textColor="#FFFFFF"
            android:textSize="20sp"
            android:layout_width="130dp"
            android:layout_height="180dp"
            android:background="@drawable/button_townhall"
            android:shadowColor="#A8A8A8"
            android:shadowDx="0"
            android:shadowDy="0"
            android:shadowRadius="5"
            android:text="Town Hall 9"
            android:id="@+id/th9"
            android:layout_marginLeft="30dp"
            android:layout_marginRight="70dp"
            />
        <Button
            android:textColor="#FFFFFF"
            android:textSize="20sp"
            android:layout_width="130dp"
            android:layout_height="180dp"
            android:background="@drawable/button_townhall"
            android:shadowColor="#A8A8A8"
            android:shadowDx="0"
            android:shadowDy="0"
            android:shadowRadius="5"
            android:text="Town Hall 10"
            android:id="@+id/th10"
            />
        <Button
            android:textColor="#FFFFFF"
            android:textSize="20sp"
            android:layout_width="130dp"
            android:layout_height="180dp"
            android:background="@drawable/button_townhall"
            android:shadowColor="#A8A8A8"
            android:shadowDx="0"
            android:shadowDy="0"
            android:shadowRadius="5"
            android:text="Town Hall 11"
            android:id="@+id/th11"
            android:layout_marginLeft="30dp"
            android:layout_marginRight="70dp"
            />

    </GridLayout>

</RelativeLayout>

</ScrollView>

Answer 1

添加

android:layout_marginTop="30dp"
android:layout_marginBottom="30dp"

到每个按钮。

如何在网格布局上的按钮之间获得相等的间距？

1 个答案: