Question

寻找有关如何更好地对齐这些按钮的建议。可能有很多方法可以做到这一点。也许这三个按钮是垂直居中的，因为它们是不同尺寸的按钮现在这些按钮看起来很随意，因为我是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"   
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    tools:context="com.redacted.redacted.HomeScreen$PlaceholderFragment"
    android:background="#ff6d8416">

<TextView android:id="@+id/section_label" android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Beginner / Principiante"
    android:id="@+id/beginnerButton"
    android:layout_marginBottom="26dp"
    android:layout_above="@+id/intermediateButton"
    android:layout_centerHorizontal="true" />

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Intermediate / Intermedio"
    android:id="@+id/intermediateButton"
    android:layout_alignRight="@+id/beginnerButton"
    android:layout_alignEnd="@+id/beginnerButton"
    android:layout_centerVertical="true" />

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Advanced / Advanzado"
    android:id="@+id/advancedButton"
    android:layout_marginTop="28dp"
    android:layout_below="@+id/intermediateButton"
    android:layout_alignLeft="@+id/intermediateButton"
    android:layout_alignStart="@+id/intermediateButton"
    android:layout_centerVertical="true" />

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceLarge"
    android:text="redacted"
    android:id="@+id/textView"
    android:layout_alignTop="@+id/section_label"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true"
    android:textColor="@android:color/white" />

</RelativeLayout>

这是我目前的结果

enter image description here

Answer 1

垂直导向的LinearLayout有一些变化应该适合您。这是一个例子

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical">
     <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Beginner / Principiante"
        android:id="@+id/beginnerButton"
        android:layout_marginBottom="26dp"
        android:layout_gravity="center_horizontal"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Intermediate / Intermedio"
        android:id="@+id/intermediateButton"
        android:layout_centerVertical="true"
        android:layout_gravity="center_horizontal" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Advanced / Advanzado"
        android:id="@+id/advancedButton"
        android:layout_marginTop="28dp"
        android:layout_gravity="center_horizontal"/>
</LinearLayout>

请注意我所做的更改。特别是使用gravity并删除可能不需要的RelativeLayout.LayoutParams。如果这不起作用（我还没有机会进行测试）将Button包裹在另一个LinearLayout中并且给予gravity="center"将起作用。

Answer 2

试试这个：

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

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Beginner"
        android:layout_margin="10dp"
        android:id="@+id/button" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Intermediate"
        android:layout_margin="10dp"
        android:id="@+id/button2" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Advanced"
        android:layout_margin="10dp"
        android:id="@+id/button3" />
</LinearLayout>

Answer 3

使用垂直LinearLayout并设置边距以创建它们周围的间隙。

在Android中对齐按钮

3 个答案: