歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
您现在的位置: Linux教程網 >> UnixLinux >  >> Linux編程 >> Linux編程

Android 均勻覆蓋界面的TextView

有時候想做界面是5個TextView平均的分布在頁面上,為了方便以後使用,將自己寫的代碼寫成博客,方便以後使用,原理是外邊使用相對布局,先將第一個(layout_alignParentTop)、第三個(layout_centerInParent)、第五個的位置(layout_alignParentBottom)確定,然後再確定第二個的位置(在第一個的下邊,在第三個的上邊),但只這麼寫就會發現第二個的位置距離第一個的距離比較近,而距離第三個的距離比較遠,所以在第二個的外邊先套一個大的RelativeLayout(寬度和高度為fill_parent),然後將第二個放在這個布局的中間位置,同理第四個。

代碼:

  1. <RelativeLayout xmlns:Android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent" >  
  5.   
  6.     <TextView  
  7.         android:id="@+id/mMainFirst"  
  8.         android:layout_width="wrap_content"  
  9.         android:layout_height="wrap_content"  
  10.         android:layout_alignParentTop="true"  
  11.         android:layout_centerHorizontal="true"  
  12.         android:padding="@dimen/padding_medium"  
  13.         android:background="@drawable/ic_launcher"  
  14.         android:text="第一行"  
  15.         tools:context=".MainActivity" />  
  16.     <TextView  
  17.         android:id="@+id/mMainThird"  
  18.         android:layout_width="wrap_content"  
  19.         android:layout_height="wrap_content"  
  20.         android:layout_centerInParent="true"  
  21.         android:padding="@dimen/padding_medium"  
  22.         android:background="@drawable/ic_launcher"  
  23.         android:text="第三行"  
  24.         tools:context=".MainActivity" />  
  25.     <TextView  
  26.         android:id="@+id/mMainFifth"  
  27.         android:layout_width="wrap_content"  
  28.         android:layout_height="wrap_content"  
  29.         android:layout_alignParentBottom="true"  
  30.         android:layout_centerHorizontal="true"  
  31.         android:padding="@dimen/padding_medium"  
  32.         android:background="@drawable/ic_launcher"  
  33.         android:text="第五行"  
  34.         tools:context=".MainActivity" />  
  35.     <RelativeLayout  
  36.         android:layout_width="fill_parent"  
  37.         android:layout_height="fill_parent"  
  38.         android:layout_below="@id/mMainFirst"  
  39.         android:layout_above="@id/mMainThird">  
  40.         <TextView  
  41.             android:id="@+id/mMainSecond"  
  42.             android:layout_width="wrap_content"  
  43.             android:layout_height="wrap_content"  
  44.             android:layout_centerInParent="true"  
  45.             android:padding="@dimen/padding_medium"  
  46.             android:background="@drawable/ic_launcher"  
  47.             android:text="第二行"  
  48.             tools:context=".MainActivity" />  
  49.     </RelativeLayout>  
  50.       
  51.     <RelativeLayout  
  52.         android:layout_width="fill_parent"  
  53.         android:layout_height="fill_parent"  
  54.         android:layout_below="@id/mMainThird"  
  55.         android:layout_above="@id/mMainFifth">  
  56.         <TextView  
  57.             android:id="@+id/mMainFourth"  
  58.             android:layout_width="wrap_content"  
  59.             android:layout_height="wrap_content"  
  60.             android:layout_centerInParent="true"  
  61.             android:padding="@dimen/padding_medium"  
  62.             android:background="@drawable/ic_launcher"  
  63.             android:text="第四行"  
  64.             tools:context=".MainActivity" />  
  65.     </RelativeLayout>  
  66.       
  67. </RelativeLayout>  

效果為:

Copyright © Linux教程網 All Rights Reserved