有時候想做界面是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>
效果為: