如何在布局中正确放置按钮 - android?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (56)

在我的Android应用程序中,我有三个按钮。我遇到的问题是这些按钮太靠近了,如果我尝试将它们中的一个移开,那么它们都会跟随。也许是因为我声明哪个按钮应该放在谁的下面,但我想知道在我的xml代码中是否有方法在这些按钮之间创建间隙?

代码:

<RelativeLayout 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"
    tools:context=".MainActivity"
    android:background="@drawable/brick_wall">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Tic Tac Toe "
        android:layout_centerHorizontal="true"
        android:paddingTop="50dp"
        app:fontFamily="@font/balloon_extra_bold"
        android:textSize="50sp"
        android:textColor="@color/colorPrimaryLight" />

        <Button
            android:id="@+id/button_players1"
            android:layout_width="143dp"
            android:layout_height="30dp"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:background="@drawable/app_buttons"
            android:fontFamily="@font/balloon_extra_bold"
            android:gravity="center"
            android:text="1 Player"
            android:textColor="@color/black"
            android:textSize="20sp" />

    <Button
        android:id="@+id/button_players2"
        android:layout_width="145dp"
        android:layout_height="30dp"
        android:layout_below="@id/button_players1"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:background="@drawable/app_buttons"
        android:fontFamily="@font/balloon_extra_bold"
        android:gravity="center"
        android:text="2 Players"
        android:textColor="@color/black"
        android:textSize="20sp" />


    <Button
        android:id="@+id/button_how_to_play"
        android:layout_width="148dp"
        android:layout_height="30dp"
        android:layout_below="@id/button_players2"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:background="@drawable/app_buttons"
        android:fontFamily="@font/balloon_extra_bold"
        android:gravity="center"
        android:text="How to Play"
        android:textColor="@color/black"
        android:textSize="20sp" />

</RelativeLayout>
提问于
用户回答回答于

你可以通过为每个按钮添加边距来实现,或者你可以将android:layout_marginTop =“5dp”添加到下面的按钮中。

<?xml version="1.0" encoding="utf-8"?>
 <RelativeLayout 
  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"
  tools:context=".MainActivity"
  android:background="@drawable/brick_wall">

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Tic Tac Toe "
    android:layout_centerHorizontal="true"
    android:paddingTop="50dp"
    app:fontFamily="@font/balloon_extra_bold"
    android:textSize="50sp"
    android:textColor="@color/colorPrimaryLight" />

<Button
    android:id="@+id/button_players1"
    android:layout_width="143dp"
    android:layout_height="30dp"
    android:layout_margin="5dp"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:background="@drawable/app_buttons"
    android:fontFamily="@font/balloon_extra_bold"
    android:gravity="center"
    android:text="1 Player"
    android:textColor="@color/black"
    android:textSize="20sp" />

<Button
    android:id="@+id/button_players2"
    android:layout_width="145dp"
    android:layout_height="30dp"
    android:layout_below="@id/button_players1"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:background="@drawable/app_buttons"
    android:fontFamily="@font/balloon_extra_bold"
    android:gravity="center"
    android:text="2 Players"
    android:layout_margin="5dp"
    android:textColor="@color/black"
    android:textSize="20sp" />


<Button
    android:id="@+id/button_how_to_play"
    android:layout_width="148dp"
    android:layout_height="30dp"
    android:layout_below="@id/button_players2"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:background="@drawable/app_buttons"
    android:fontFamily="@font/balloon_extra_bold"
    android:gravity="center"
    android:layout_margin="5dp"
    android:text="How to Play"
    android:textColor="@color/black"
    android:textSize="20sp" />

扫码关注云+社区

领取腾讯云代金券