Android_layout 佈局(二)

昨天學習了layout 佈局的線性佈局和相對佈局。

今天咱們學習剩餘的三個佈局，分別是：

1、幀佈局（FrameLayout）

　　在這個佈局中，全部的子元素都不能被指定放置的位置，它們統統放於這塊區域的左上角，而且後面的子元素直接覆蓋在前面的子元素之上，將前面的子元素部分和所有遮擋。

注：幀佈局和線性佈局的區別

　　在大致上的用法等等二者仍是很類似的。可是有一點兩點的根本區別。

　　幀佈局是有「深度」的，它只追求在這個點上去深刻。

　　線性佈局是有「廣度」的，它是向外延展的，他就是一個「面」。

 

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent" >
 5 
 6     <TextView
 7         android:id="@+id/textView1"
 8         android:layout_width="300dp"
 9         android:layout_height="300dp"
10         android:text="1" 
11         android:background="#ff00ff"/>
12 
13     <TextView
14         android:id="@+id/textView2"
15         android:layout_width="200dp"
16         android:layout_height="200dp"
17         android:text="2"
18         android:background="#00ffff" />
19 
20     <TextView
21         android:id="@+id/textView3"
22         android:layout_width="100dp"
23         android:layout_height="100dp"
24         android:background="#ff0000"
25         android:text="3" />
26 
27 </FrameLayout>

View Code

2、絕對佈局（AbsoluteLayout）

　　1.absoluteLayout 又叫座標佈局，能夠直接指定子元素的絕對位置（x,y）

　   2.因爲手機屏幕尺寸差異比較大，使用絕對定位的適應性會比較差，在屏幕的適配上有缺陷

　　3.子控件的屬性

　　android:layout_x="35dip" 控制當前子類控件的x位置

　　android:layout_y="35dip" 控制當前子類控件的y位置

注：建議最好不要使用絕對佈局，咱們手機屏幕大小不一樣，你用這個型號，這個大小的手機定位好的位置，當你換了個手機尺寸不同的，就會將你的佈局打亂，這樣很很差。我在這就不演示了。記住，記住，最好不要使用，不利用開發。

3、表格佈局（TableLayout）

　　表格佈局相似於咱們html 中的table 元素同樣。

 咱們來看看他的屬性。

接下來咱們作個簡單的表格佈局的栗子來認識下這個表格佈局。計算器

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:stretchColumns="*" >
        <EditText
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:gravity="center_vertical|right"
            android:layout_weight="1"/>
    <TableRow 
            android:layout_weight="1">

        <Button
            android:id="@+id/btn7"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="7" />

        <Button
            android:id="@+id/btn8"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="8" />

        <Button
            android:id="@+id/btn9"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="9" />

        <Button
            android:id="@+id/btnchu"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="/" />
    </TableRow>

    <TableRow 
            android:layout_weight="1">

        <Button
            android:id="@+id/btn4"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="4" />

        <Button
            android:id="@+id/btn5"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="5" />

        <Button
            android:id="@+id/btn6"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="6" />

        <Button
            android:id="@+id/btncheng"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="*" />
    </TableRow>

    <TableRow 
            android:layout_weight="1">

        <Button
            android:id="@+id/btn1"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="1" />

        <Button
            android:id="@+id/btn2"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="2" />

        <Button
            android:id="@+id/btn3"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="3" />

        <Button
            android:id="@+id/btnjian"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="-" />
    </TableRow>

    <TableRow 
            android:layout_weight="1">

        <Button
            android:id="@+id/btn0"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="0" />

        <Button
            android:id="@+id/btndian"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="." />

        <Button
            android:id="@+id/btnjia"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="+" />

        <Button
            android:id="@+id/btndeng"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="=" />
    </TableRow>

    <TableRow 
            android:layout_weight="1">

        <Button
            android:id="@+id/clear"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_span="4"
            android:text="clear" />
    </TableRow>

</TableLayout>

View Code

效果顯示是這樣的。

關於android 的 layout 佈局，就暫時講這些，關於這幾大佈局的屬性，你們有空均可以去試試，多練習下佈局的排布，綜合起來，排佈一個頁面什麼的。屬性每一個佈局中的屬性。

今天就先到這，歡迎你們一塊兒學習。