Android 将按钮居中对齐并确保它们的间距均匀

Question

我有一个带有四个按钮的主菜单（已附加），我想将所有按钮对齐到中心（包括 "Main Menu" textView），并且我想确保每个按钮都是均匀 spaced。

我添加了 android:gravity="center"> 但它没有居中对齐。此外，为了均匀 space 按钮，我尝试添加 android:layout_weight="1" 作为按钮属性之一，但我的按钮从屏幕上消失了。

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center">

   <TextView android:text="Main Menu" 
             android:layout_width="wrap_content"
             android:layout_height="wrap_content" />
    <Button android:text="Button" 
            android:id="@+id/button1"
            android:layout_width="wrap_content" 
            android:layout_height="0dp"/>
    <Button android:text="Button" 
            android:id="@+id/button2"
            android:layout_width="wrap_content" 
            android:layout_height="0dp"/>
    <Button android:text="Button" 
            android:id="@+id/button3"
            android:layout_width="wrap_content" 
            android:layout_height="0dp"/>
    <Button android:text="Button" 
            android:id="@+id/button4"
            android:layout_width="wrap_content" 
            android:layout_height="0dp"/>

</LinearLayout>

Answer 1

无需硬编码视图的高度或 0dp，如果您想设置 waight then only height is 0dp。检查我在这里给出的所有行。

试试这个：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="vertical" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Main Menu" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />

    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />

    <Button
        android:id="@+id/button4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />

</LinearLayout>

Answer 2

将您的 LinearLayout 宽度和高度从 wrap_content 更改为 match_parent..像这样..

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center">

   <TextView android:text="Main Menu" 
             android:layout_width="wrap_content"
             android:layout_height="wrap_content" />
    <Button android:text="Button" 
            android:id="@+id/button1"
            android:layout_width="wrap_content" 
            android:layout_height="55dp"/>
    <Button android:text="Button" 
            android:id="@+id/button2"
            android:layout_width="wrap_content" 
            android:layout_height="55dp"/>
    <Button android:text="Button" 
            android:id="@+id/button3"
            android:layout_width="wrap_content" 
            android:layout_height="55dp"/>
    <Button android:text="Button" 
            android:id="@+id/button4"
            android:layout_width="wrap_content" 
            android:layout_height="55dp"/>

</LinearLayout>

Answer 3

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:layout_gravity="center_horizontal"
android:orientation="vertical" >

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Main Menu" />

<Button
    android:id="@+id/button1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button" />

<Button
    android:id="@+id/button2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button" />

<Button
    android:id="@+id/button3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button" />

<Button
    android:id="@+id/button4"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button" />

</LinearLayout>

Android 将按钮居中对齐并确保它们的间距均匀

Android align button to center and make sure they are evenly spaced out

android

xml

button

android-layout-weight