简体   繁体   中英

How to align android buttons like a triangle

How to achieve these two scenarios in android layout -

在此处输入图片说明

在此处输入图片说明

屏幕截图

You can add padding to the left and right if you want to separate them from the border.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<Button  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Button1"
    android:id="@+id/Button1"
    android:layout_alignParentRight="true"
    />
<Button  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Button2"
    android:id="@+id/Button2"
    android:layout_alignParentLeft="true"
    />
<Button  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Button3"
    android:id="@+id/Button3"
    android:layout_below="@id/Button2"
    android:layout_centerHorizontal="true"
    />
<Button  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Button4"
    android:id="@+id/Button4"
    android:layout_below="@id/Button3"
    android:layout_centerHorizontal="true"
    />
<Button  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Button5"
    android:id="@+id/Button5"
    android:layout_alignParentRight="true"
    android:layout_below="@id/Button4"
    />
<Button  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Button6"
    android:id="@+id/Button6"
    android:layout_alignParentLeft="true"
    android:layout_below="@id/Button4"
    />
</RelativeLayout>

在此处输入图片说明

<?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="match_parent" android:gravity="center_horizontal" android:orientation="vertical">
    <LinearLayout android:layout_height="wrap_content" android:id="@+id/linearLayout1" android:layout_gravity="center_horizontal" android:layout_width="wrap_content">
        <Button android:layout_width="wrap_content" android:text="Button" android:id="@+id/button1" android:layout_height="wrap_content" android:layout_gravity="center_horizontal"></Button>
        <Button android:layout_width="wrap_content" android:text="Button" android:id="@+id/button2" android:layout_height="wrap_content" android:layout_gravity="center_horizontal"></Button>
    </LinearLayout>
    <Button android:layout_width="wrap_content" android:text="Button" android:id="@+id/button3" android:layout_height="wrap_content" android:layout_gravity="center_horizontal"></Button>
    <Button android:text="Button" android:id="@+id/button4" android:layout_width="wrap_content" android:layout_height="wrap_content"></Button>
    <LinearLayout android:id="@+id/linearLayout2" android:layout_width="wrap_content" android:layout_height="wrap_content">
        <Button android:text="Button" android:id="@+id/button5" android:layout_width="wrap_content" android:layout_height="wrap_content"></Button>
        <Button android:layout_width="wrap_content" android:text="Button" android:id="@+id/button6" android:layout_height="wrap_content" android:layout_gravity="center_horizontal"></Button>
    </LinearLayout>
</LinearLayout>

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM