Как автоматически выровнять кнопки, чтобы поместиться в центре экрана

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

Я просто удалил поле (слева, Пуск и Top) с вашей первой кнопки и добавил свойство 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>