Android布局主要有五種,分別為線性布局LinearLayout,網格布局TableLayout,相對布局Realitive和幀式布局FrameLayout
線性布局就是在標簽下的所有子元素都會根據其orientation屬性的值來決定是按行還是按列逐個顯示,vertical是子元素垂直排列,每個子元素占據獨立的一行;horizontal表示子元素水平排列,即每個子元素占據獨立的一列
android:gravity,表示顯示方式位置,left表示顯示在布局圖的左邊,right表示右邊,center表示中間
string.xml文件內容:
- <stringnamestringname="liable_name">請輸入您的用戶名:</string>
-
- <string name="app_name">界面簡單布局</string>
-
- <string name="btn1">確認</string>
-
- <string name="btn2">取消</string>
Main.xml文件內容:
- <?xmlversionxmlversion="1.0" encoding="utf-8"?>
-
- <LinearLayoutxmlns:androidLinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
-
- android:layout_width="match_parent"
-
- android:layout_height="match_parent"
-
- android:orientation="vertical"
-
- >
-
-
-
- <TextView
-
- android:layout_width="fill_parent"
-
- android:layout_height="wrap_content"
-
- android:text="@string/liable_name"
-
- android:id="@+id/liable_name"/>
-
- <EditText
-
- android:layout_width="fill_parent"
-
- android:layout_height="wrap_content"
-
- android:id="@+id/name"/>
-
- <LinearLayout
-
- android:layout_width="match_parent"
-
- android:layout_height="wrap_content"
-
- android:orientation="horizontal"
-
- android:gravity="right">
-
- <Buttonandroid:layout_widthButtonandroid:layout_width="wrap_content"
-
- android:layout_height="wrap_content"
-
- android:text="@string/btn1"
-
-
-
- android:id="@+id/btn011"/>
-
-
-
- <Button
-
- android:id="@+id/btn012"
-
- android:layout_width="wrap_content"
-
- android:layout_height="wrap_content"
-
- android:text="@string/btn2" />
-
-
-
- </LinearLayout>
-
-
-
- </LinearLayout>
整體效果:
設計思路:
首先在string.xml中定義文本的值,然後在main.xml中,定義整體布局,使用了一個大的<LinearLayout>嵌套了一個小的<LinearLayout>來實現的,大地標簽中,采用垂直方式排列布局,小的標簽中采用水平排列,右對齊的方式