歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> Android 均勻覆蓋界面的TextView

Android 均勻覆蓋界面的TextView

日期:2017/3/1 10:09:14   编辑:Linux編程

有時候想做界面是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. <TextView
  6. android:id="@+id/mMainFirst"
  7. android:layout_width="wrap_content"
  8. android:layout_height="wrap_content"
  9. android:layout_alignParentTop="true"
  10. android:layout_centerHorizontal="true"
  11. android:padding="@dimen/padding_medium"
  12. android:background="@drawable/ic_launcher"
  13. android:text="第一行"
  14. tools:context=".MainActivity" />
  15. <TextView
  16. android:id="@+id/mMainThird"
  17. android:layout_width="wrap_content"
  18. android:layout_height="wrap_content"
  19. android:layout_centerInParent="true"
  20. android:padding="@dimen/padding_medium"
  21. android:background="@drawable/ic_launcher"
  22. android:text="第三行"
  23. tools:context=".MainActivity" />
  24. <TextView
  25. android:id="@+id/mMainFifth"
  26. android:layout_width="wrap_content"
  27. android:layout_height="wrap_content"
  28. android:layout_alignParentBottom="true"
  29. android:layout_centerHorizontal="true"
  30. android:padding="@dimen/padding_medium"
  31. android:background="@drawable/ic_launcher"
  32. android:text="第五行"
  33. tools:context=".MainActivity" />
  34. <RelativeLayout
  35. android:layout_width="fill_parent"
  36. android:layout_height="fill_parent"
  37. android:layout_below="@id/mMainFirst"
  38. android:layout_above="@id/mMainThird">
  39. <TextView
  40. android:id="@+id/mMainSecond"
  41. android:layout_width="wrap_content"
  42. android:layout_height="wrap_content"
  43. android:layout_centerInParent="true"
  44. android:padding="@dimen/padding_medium"
  45. android:background="@drawable/ic_launcher"
  46. android:text="第二行"
  47. tools:context=".MainActivity" />
  48. </RelativeLayout>
  49. <RelativeLayout
  50. android:layout_width="fill_parent"
  51. android:layout_height="fill_parent"
  52. android:layout_below="@id/mMainThird"
  53. android:layout_above="@id/mMainFifth">
  54. <TextView
  55. android:id="@+id/mMainFourth"
  56. android:layout_width="wrap_content"
  57. android:layout_height="wrap_content"
  58. android:layout_centerInParent="true"
  59. android:padding="@dimen/padding_medium"
  60. android:background="@drawable/ic_launcher"
  61. android:text="第四行"
  62. tools:context=".MainActivity" />
  63. </RelativeLayout>
  64. </RelativeLayout>

效果為:

Copyright © Linux教程網 All Rights Reserved