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

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

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

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

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

string.xml文件內容:

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

Main.xml文件內容:

  1. <?xmlversionxmlversion="1.0" encoding="utf-8"?>  
  2.   
  3. <LinearLayoutxmlns:androidLinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"  
  4.   
  5.    android:layout_width="match_parent"  
  6.   
  7.    android:layout_height="match_parent"  
  8.   
  9.     android:orientation="vertical"   
  10.   
  11.     >  
  12.   
  13.    
  14.   
  15.     <TextView   
  16.   
  17.        android:layout_width="fill_parent"  
  18.   
  19.        android:layout_height="wrap_content"  
  20.   
  21.        android:text="@string/liable_name"  
  22.   
  23.        android:id="@+id/liable_name"/>  
  24.   
  25.     <EditText   
  26.   
  27.        android:layout_width="fill_parent"  
  28.   
  29.        android:layout_height="wrap_content"  
  30.   
  31.         android:id="@+id/name"/>  
  32.   
  33.     <LinearLayout   
  34.   
  35.        android:layout_width="match_parent"  
  36.   
  37.        android:layout_height="wrap_content"  
  38.   
  39.        android:orientation="horizontal"  
  40.   
  41.         android:gravity="right">  
  42.   
  43.         <Buttonandroid:layout_widthButtonandroid:layout_width="wrap_content"  
  44.   
  45.             android:layout_height="wrap_content"  
  46.   
  47.            android:text="@string/btn1"  
  48.   
  49.               
  50.   
  51.            android:id="@+id/btn011"/>  
  52.   
  53.    
  54.   
  55.         <Button  
  56.   
  57.             android:id="@+id/btn012"  
  58.   
  59.            android:layout_width="wrap_content"  
  60.   
  61.             android:layout_height="wrap_content"  
  62.   
  63.            android:text="@string/btn2" />  
  64.   
  65.    
  66.   
  67.     </LinearLayout>  
  68.   
  69.    
  70.   
  71. </LinearLayout>  

整體效果:

設計思路:

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

Copyright © Linux教程網 All Rights Reserved