有時候想做介面是5個TextView平均的分布在頁面上,為了方便以後使用,將自己寫的代碼寫成部落格,方便以後使用,原理是外邊使用相對布局,先將第一個(layout_alignParentTop)、第三個(layout_centerInParent)、第五個的位置(layout_alignParentBottom)確定,然後再確定第二個的位置(在第一個的下邊,在第三個的上邊),但只這麼寫就會發現第二個的位置距離第一個的距離比較近,而距離第三個的距離比較遠,所以在第二個的外邊先套一個大的RelativeLayout(寬度和高度為fill_parent),然後將第二個放在這個布局的中間位置,同理第四個。
代碼:
<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" > <TextView android:id="@+id/mMainFirst" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:padding="@dimen/padding_medium" android:background="@drawable/ic_launcher" android:text="第一行" tools:context=".MainActivity" /> <TextView android:id="@+id/mMainThird" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:padding="@dimen/padding_medium" android:background="@drawable/ic_launcher" android:text="第三行" tools:context=".MainActivity" /> <TextView android:id="@+id/mMainFifth" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" android:padding="@dimen/padding_medium" android:background="@drawable/ic_launcher" android:text="第五行" tools:context=".MainActivity" /><RelativeLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_below="@id/mMainFirst" android:layout_above="@id/mMainThird"> <TextView android:id="@+id/mMainSecond" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:padding="@dimen/padding_medium" android:background="@drawable/ic_launcher" android:text="第二行" tools:context=".MainActivity" /></RelativeLayout><RelativeLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_below="@id/mMainThird" android:layout_above="@id/mMainFifth"> <TextView android:id="@+id/mMainFourth" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:padding="@dimen/padding_medium" android:background="@drawable/ic_launcher" android:text="第四行" tools:context=".MainActivity" /></RelativeLayout></RelativeLayout>
效果為: