歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> Android開發教程:使用線性布局實現簡單登陸界面的實例

Android開發教程:使用線性布局實現簡單登陸界面的實例

日期:2017/3/1 10:48:47   编辑:Linux編程

Android布局主要有五種,分別為線性布局LinearLayout,網格布局TableLayout,相對布局Realitive和幀式布局FrameLayout

線性布局就是在標簽下的所有子元素都會根據其orientation屬性的值來決定是按行還是按列逐個顯示,vertical是子元素垂直排列,每個子元素占據獨立的一行;horizontal表示子元素水平排列,即每個子元素占據獨立的一列

android:gravity,表示顯示方式位置,left表示顯示在布局圖的左邊,right表示右邊,center表示中間

string.xml文件內容:

  1. <stringnamestringname="liable_name">請輸入您的用戶名:</string>
  2. <string name="app_name">界面簡單布局</string>
  3. <string name="btn1">確認</string>
  4. <string name="btn2">取消</string>

Main.xml文件內容:

  1. <?xmlversionxmlversion="1.0" encoding="utf-8"?>
  2. <LinearLayoutxmlns:androidLinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. android:orientation="vertical"
  6. >
  7. <TextView
  8. android:layout_width="fill_parent"
  9. android:layout_height="wrap_content"
  10. android:text="@string/liable_name"
  11. android:id="@+id/liable_name"/>
  12. <EditText
  13. android:layout_width="fill_parent"
  14. android:layout_height="wrap_content"
  15. android:id="@+id/name"/>
  16. <LinearLayout
  17. android:layout_width="match_parent"
  18. android:layout_height="wrap_content"
  19. android:orientation="horizontal"
  20. android:gravity="right">
  21. <Buttonandroid:layout_widthButtonandroid:layout_width="wrap_content"
  22. android:layout_height="wrap_content"
  23. android:text="@string/btn1"
  24. android:id="@+id/btn011"/>
  25. <Button
  26. android:id="@+id/btn012"
  27. android:layout_width="wrap_content"
  28. android:layout_height="wrap_content"
  29. android:text="@string/btn2" />
  30. </LinearLayout>
  31. </LinearLayout>

整體效果:

設計思路:

首先在string.xml中定義文本的值,然後在main.xml中,定義整體布局,使用了一個大的<LinearLayout>嵌套了一個小的<LinearLayout>來實現的,大地標簽中,采用垂直方式排列布局,小的標簽中采用水平排列,右對齊的方式

Copyright © Linux教程網 All Rights Reserved