现在的位置: 首页 > 综合 > 正文

适配屏幕之相对布局图解

2018年01月31日 ⁄ 综合 ⁄ 共 3022字 ⁄ 字号 评论关闭

适应多屏幕中多种方法中,其中相对布局比较常用,而相对布局中常用的对齐方式如图所示:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:gravity="center" >

        <TextView
            android:id="@+id/left1"
            android:layout_width="100dp"
            android:layout_height="50dp"
            android:background="#FF4500"
            android:gravity="center"
            android:text="左"
            android:textSize="10pt" />

        <TextView
            android:id="@+id/right1"
            android:layout_width="80dp"
            android:layout_height="wrap_content"
            android:background="#00CD00"
            android:gravity="center"
            android:text="右"
            android:textSize="10pt" />
    </RelativeLayout>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:gravity="center" >

        <TextView
            android:id="@+id/left2"
            android:layout_width="100dp"
            android:layout_height="50dp"
            android:background="#FF4500"
            android:gravity="center"
            android:text="左"
            android:textSize="10pt" />

        <TextView
            android:id="@+id/right2"
            android:layout_width="80dp"
            android:layout_height="wrap_content"
            android:layout_alignRight="@id/left2"
            android:background="#00CD00"
            android:gravity="center"
            android:text="右"
            android:textSize="10pt" />
    </RelativeLayout>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:gravity="center" >

        <TextView
            android:id="@+id/left3"
            android:layout_width="100dp"
            android:layout_height="50dp"
            android:background="#FF4500"
            android:gravity="center"
            android:text="左"
            android:textSize="10pt" />

        <TextView
            android:id="@+id/right3"
            android:layout_width="80dp"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/left3"
            android:background="#00CD00"
            android:gravity="center"
            android:text="右"
            android:textSize="10pt" />
    </RelativeLayout>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:gravity="center" >

        <TextView
            android:id="@+id/left4"
            android:layout_width="100dp"
            android:layout_height="50dp"
            android:background="#FF4500"
            android:gravity="center"
            android:text="左"
            android:textSize="10pt" />

        <TextView
            android:id="@+id/right4"
            android:layout_width="80dp"
            android:layout_height="wrap_content"
            android:layout_alignBottom="@id/left4"
            android:layout_toRightOf="@id/left4"
            android:background="#00CD00"
            android:gravity="center"
            android:text="右"
            android:textSize="10pt" />
    </RelativeLayout>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:gravity="center" >

        <TextView
            android:id="@+id/left5"
            android:layout_width="100dp"
            android:layout_height="50dp"
            android:background="#FF4500"
            android:gravity="center"
            android:text="左"
            android:textSize="10pt" />

        <TextView
            android:id="@+id/right5"
            android:layout_width="80dp"
            android:layout_height="wrap_content"
            android:layout_alignBaseline="@id/left5"
            android:layout_toRightOf="@id/left5"
            android:background="#00CD00"
            android:gravity="center"
            android:text="右"
            android:textSize="10pt" />
    </RelativeLayout>

</LinearLayout>

抱歉!评论已关闭.