669 本節(jié)內(nèi)容: 什么是View
常用Layout介紹:FrameLayout, LinearLayout 點此下載: 二、常用Layout介紹 ViewGroup是個特殊的View,它繼承于Android.view.View。它的功能就是裝載和管理下一層的View對象或ViewGroup對象,也就說他是一個容納其它元素的的容器。ViewGroup是布局管理器(layout)及view容器的基類。 ViewGroup中,還定義了一個嵌套類ViewGroup.LayoutParams。這個類定義了一個顯示對象的位置、大小等屬性,view通過LayoutParams中的這些屬性值來告訴父級,它們將如何放置。 ViewGroup是一個抽象類,所以真正充當容器的是他的子類們。我們在這里將介紹 幀布局FrameLayout,線性布局LinearLayout,絕對布局AbsoluteLayout,相對布局RelativeLayout,表格布局TableLayout等幾個常用布局,大約要分3講講完。 1、幀布局 FrameLayout: 是最簡單的一個布局對象。在他里面的的所有顯示對象愛你過都將固定在屏幕的左上角,不能指定位置,但允許有多個顯示對象,只是后一個會直接覆蓋在前一個之上顯示,會把前面的組件部分或全部擋住。下圖的例子里,F(xiàn)rameLayout中放了3個ImageView組件,第一個是藍色的,第二個是綠色的,第三個是樹狀圖(透明的png格式)。ImageView就相當于Html中的img標簽,接下來會講到這個組件。 下面看一個FrameLayout的例子:
- <?xml version=”1.0″ encoding=”utf-8″?><FrameLayout android:id=”@+id/FrameLayout01″
android:layout_width=”fill_parent” android:layout_height=”fill_parent”
xmlns:android=”http://schemas.android.com/apk/res/android”><ImageView android:id=”@+id/ImageView01″ android:src=”@drawable/p1″
android:layout_width=”wrap_content” android:layout_height=”wrap_content”></ImageView><ImageView android:id=”@+id/ImageView02″ android:src=”@drawable/p2″
android:layout_width=”wrap_content” android:layout_height=”wrap_content”></ImageView><ImageView android:id=”@+id/ImageView03″ android:src=”@drawable/p3″
android:layout_width=”wrap_content” android:layout_height=”wrap_content”></ImageView></FrameLayout>
復制代碼
完整的代碼在PPT附帶的目錄中,需要的朋友可以留言向我索要。
(FrameLayout的顯示效果)2、線性布局 LinearLayout: 線性布局是所有布局中最常用的類之一,也是RadioGroup, TabWidget, TableLayout, TableRow, ZoomControls類的父類。LinearLayout可以讓它的子元素垂直或水平的方式排成一行(不設置方向的時候默認按照垂直方向排列)。 下面看一個LinearLayout的例子:別被例子的長度嚇住,仔細看一下其實就是一個LinearLayout中放5個TextView標簽而已,TextView相當于Html標簽中的Label。
- <?xml version=”1.0″ encoding=”utf-8″?>
<LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
android:orientation=”vertical”
android:layout_width=”fill_parent”
android:layout_height=”fill_parent”
android:gravity=”center_horizontal”
>
<TextView
android:layout_width=”fill_parent”
android:layout_height=”wrap_content”
android:text=”給小寶寶起個名字:”
android:textSize=”20px”
android:textColor=”#0ff”
android:background=”#333″/>
<TextView
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:text=”遙遙是男孩的小名”
android:textSize=”20px”
android:textColor=”#0f0″
android:background=”#eee”
android:layout_weight=”3″
/>
<TextView
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:text=”瑤瑤是女孩的小名”
android:textColor=”#00f”
android:textSize=”20px”
android:background=”#ccc”
android:layout_weight=”1″
/><TextView
android:layout_width=”fill_parent”
android:layout_height=”wrap_content”
android:text=”海因是男孩的大名”
android:textColor=”#f33″
android:textSize=”20px”
android:background=”#888″
android:layout_weight=”1″
/>
<TextView
android:layout_width=”fill_parent”
android:layout_height=”wrap_content”
android:text=”海音是女孩的大名”
android:textColor=”#ff3″
android:textSize=”20px”
android:background=”#333″
android:layout_weight=”1″
/>
</LinearLayout>
復制代碼
下圖是顯示效果: 好吧下次再講。 |