如何自动对齐按钮以适合屏幕中心

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.kissmat.gbrf_ebook.SingupIntro"
    android:background="@drawable/lib_gradient">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="onClick"
        android:text="Author"
        android:textColor="#ffffffff"
        android:background="#00ffffff"
        android:layout_marginLeft="70dp"
        android:layout_marginStart="70dp"
        android:layout_marginTop="82dp"
        android:id="@+id/authorBtn"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:elegantTextHeight="true"
        android:drawableTop="@drawable/author" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="onClick"
        android:drawableTop="@drawable/publisher"
        android:text="PUBLISHER"
        android:textColor="#ffffffff"
        android:background="#00ffffff"
        android:id="@+id/pubBtn"
        android:layout_alignTop="@+id/authorBtn"
        android:layout_toRightOf="@+id/authorBtn"
        android:layout_toEndOf="@+id/authorBtn"
        android:layout_marginLeft="48dp"
        android:layout_marginStart="58dp" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="onClick"
        android:drawableTop="@drawable/student"
        android:text="STUDENT"
        android:textColor="#ffffffff"
        android:background="#00ffffff"
        android:layout_marginTop="57dp"
        android:id="@+id/stbBtn"
        android:layout_below="@+id/authorBtn"
        android:layout_alignLeft="@+id/authorBtn"
        android:layout_alignStart="@+id/authorBtn" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="onClick"
        android:drawableTop="@drawable/user"
        android:text="READER"
        android:textColor="#ffffffff"
        android:background="#00ffffff"
        android:id="@+id/readerBtn"
        android:layout_alignTop="@+id/stbBtn"
        android:layout_alignLeft="@+id/pubBtn"
        android:layout_alignStart="@+id/pubBtn" />
</RelativeLayout>

我运行在设备上时的样子。

Answer 1

我刚刚从您的第一个按钮中删除了边距（左、开始和顶部），并将属性 android:gravity="center" 添加到您的布局中。最后一个将内容定位在中心。没有必要用固定的保证金值来做到这一点。这非常有用，因为您的布局将以所有不同的屏幕尺寸和像素密度为中心。

<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.kissmat.gbrf_ebook.SingupIntro"
    android:background="@drawable/lib_gradient"
    android:gravity="center">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="onClick"
        android:text="Author"
        android:textColor="#ffffffff"
        android:background="#00ffffff"
        android:id="@+id/authorBtn"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:elegantTextHeight="true"
        android:drawableTop="@drawable/author" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="onClick"
        android:drawableTop="@drawable/publisher"
        android:text="PUBLISHER"
        android:textColor="#ffffffff"
        android:background="#00ffffff"
        android:id="@+id/pubBtn"
        android:layout_alignTop="@+id/authorBtn"
        android:layout_toRightOf="@+id/authorBtn"
        android:layout_toEndOf="@+id/authorBtn"
        android:layout_marginLeft="48dp"
        android:layout_marginStart="58dp" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="onClick"
        android:drawableTop="@drawable/student"
        android:text="STUDENT"
        android:textColor="#ffffffff"
        android:background="#00ffffff"
        android:layout_marginTop="57dp"
        android:id="@+id/stbBtn"
        android:layout_below="@+id/authorBtn"
        android:layout_alignLeft="@+id/authorBtn"
        android:layout_alignStart="@+id/authorBtn" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="onClick"
        android:drawableTop="@drawable/user"
        android:text="READER"
        android:textColor="#ffffffff"
        android:background="#00ffffff"
        android:id="@+id/readerBtn"
        android:layout_alignTop="@+id/stbBtn"
        android:layout_alignLeft="@+id/pubBtn"
        android:layout_alignStart="@+id/pubBtn" />
</RelativeLayout>

如何自动对齐按钮以适合屏幕中心

How to auto align the buttons to fit in center of the screen

android

button