【Android】1.布局

文章目录

• LinearLayout
• • 例程效果如下
• RelativeLayout
• • 例程效果如下

LinearLayout

例程效果如下

   <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:weightSum="2">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="right"
            android:layout_weight="1"
            android:text="button1"
            />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="right|center_vertical"
            android:text="button2"
            android:visibility="invisible"
            />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="button3"
            />
    </LinearLayout>

RelativeLayout

例程效果如下

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:text="进攻"
        />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:text="左勾拳"
        />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_alignParentRight="true"
        android:text="右勾拳"
        />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_alignParentBottom="true"
        android:text="防守"
        />

    <Button
        android:id="@+id/btn_juezhao"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerInParent="true"
        android:text="究极带大招"
        />

    <!--左上对齐-->
    <Button
        android:id="@+id/btn_zuo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toLeftOf="@id/btn_juezhao"
        android:layout_alignTop="@id/btn_juezhao"
        android:text="左"
        />
    <!--上中对齐-->
    <Button
    android:id="@+id/btn_shang"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_above="@id/btn_juezhao"
    android:layout_centerHorizontal="true"
    android:text="上"
    />      
    <!--右上对齐-->
    <Button
        android:id="@+id/btn_you"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/btn_juezhao" 
        android:layout_alignTop="@id/btn_juezhao"
        android:text="右"
        />
    <!--下中对齐-->
    <Button
        android:id="@+id/btn_xia"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/btn_juezhao"
        android:layout_centerHorizontal="true"
        android:text="上"
        />
    
</RelativeLayout>