天天看點

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

寫完部落格的總結 : 以前沒有弄清楚的概念清晰化

父容器與本容器屬性 : android_layout...屬性是本容器的屬性, 定義在這個布局管理器的layoutparams内部類中, 每個布局管理器都有一個layoutparams内部類, android:... 是父容器用來控制子元件的屬性. 如android:layout_gravity 是控制元件本身的對齊方式,

android:gravity是控制本容器子元件的對齊方式;

.

作者 :萬境絕塵 

轉載請注明出處 : http://blog.csdn.net/shulianghan/article/details/18964835

布局管理器都是以viewgroup為基類派生出來的; 使用布局管理器可以适配不同手機螢幕的分辨率,尺寸大小;

布局管理器之間的繼承關系 : 

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

在上面的uml圖中可以看出, 絕對布局 幀布局 網格布局 相對布局 線性布局是直接繼承viewgroup,表格布局是繼承的linearlayout;

作用 : 線性布局會将容器中的元件一個一個排列起來, linearlayout可以控制元件 橫向 或者 縱向 排列, 通過android:orientation屬性控制;

不換行屬性 : 線性布局中的元件不會自動換行, 如果元件一個一個排列到盡頭之後, 剩下的元件就不會顯示出來;

xml屬性 : android:baselinealigned; 

設定方法 : setbaselinealigned(boolean b); 

作用 : 如果該屬性為false, 就會阻止該布局管理器與其子元素的基線對齊;

xml屬性 : android:divider; 

設定方法 : setdividerdrawable(drawable); 

作用 : 設定垂直布局時兩個按鈕之間的分隔條;

xml屬性 : android:gravity; 

設定方法 : setgravity(int); 

作用 : 設定布局管理器内元件(子元素)的對齊方式, 

支援的屬性 : 

top, bottom, left, right, 

center_vertical(垂直方向居中), center_horizontal(水準方向居中),

fill_vertical(垂直方向拉伸), fill_horizontal(水準方向拉伸), 

center, fill, 

clip_vertical, clip_horizontal; 

可以同時指定多種對齊方式 : 如 left|center_vertical 左側垂直居中;

xml屬性 : android:measurewithlargestchild; 

設定方法 : setmeasurewithlargestchildenable(boolean b);

作用 : 該屬性為true的時候, 所有帶權重的子元素都會具有最大子元素的最小尺寸;

xml屬性 : android:orientation;

設定方法 : setorientation(int i);

作用 : 設定布局管理器内元件排列方式, 設定為horizontal(水準),vertical(垂直), 預設為垂直排列;

linearlayout的子元素, 即linearlayout中的元件, 都受到linearlayout.layoutparams控制, 是以linearlayout包含的子元素可以執行下面的屬性.

xml屬性 : android:layout_gravity;

作用 : 指定該元素在linearlayout(父容器)的對齊方式, 也就是該元件本身的對齊方式, 注意要與android:gravity區分, ;

xml屬性 : android:layout_weight;

作用 : 指定該元素在linearlayout(父容器)中所占的權重, 例如都是1的情況下, 那個方向(linearlayout的orientation方向)長度都是一樣的;

控制本身元素屬性與子元素屬性 : 

裝置元件本身屬性 : 帶layout的屬性是設定本身元件屬性, 例如 android:layout_gravity設定的是本身的對其方式; 

設定子元素屬性 : 不帶layout的屬性是設定其所包含的子元素, 例如android:gravity 設定的是該容器子元件的對齊方式;

layoutparams屬性 : 所有的布局管理器都提供了相應的layoutparams内部類, 這些内部類用于控制該布局本身, 如 對齊方式 layout_gravity, 所占權重 layout_weight,

這些屬性用于設定本元素在父容器中的對齊方式;

容器屬性 : 在android:後面沒有layout的屬性基本都是容器屬性, android:gravity作用是指定指定本元素包含的子元素的對齊方式, 隻有容器才支援這個屬性;

下面的兩種情況都是針對 view.getheight() 和 view.getwidth() 方法 : 

元件外無法擷取 : 調用view.getheight() 和view.getwidth()方法

是擷取不到元件的寬度和高度的, 這兩個方法傳回的是0, android的運作機制決定了無法在元件外部使用getheight()和getwidth()方法擷取寬度和高度;

元件内可以擷取 : 在自定義的類中可以在view的類中通過調用這兩個方法擷取該view子類元件的寬和高;

外部擷取 : 使用view.getmeasuredwidth() 和view.getmeasuredheight()方法可以擷取元件的寬和高,

在調用這個方法之前, 必須先調用view.measure()方法, 才可以, 否則也擷取不到元件的寬高;

注意(特例) : 如果元件寬度或高度設定為 fill_parent, 使用 getmeasuredheight() 等方法擷取寬度和高度的時候, 并且元件中含有子元素時, 所擷取的實際值是這些元件所占的最小寬度和最小高度.(沒看懂)

示例:

[java] view

plaincopy

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高
AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

view view = getlayoutinflater().inflate(r.layout.main, null);  

linearlayout layout = (linearlayout) view.findviewbyid(r.id.linearlayout);  

//調用測量方法, 調用了該方法之後才能通過getmeasuredheight()等方法擷取寬高  

layout.measure(0, 0);  

//擷取寬度  

int width = layout.getmeasuredwidth();  

//擷取高度  

int height = layout.getmeasuredheight();  

從layoutparams中擷取 : 調用view.getlayoutparams().width 和 view.getlayoutparams().height 擷取寬高, 如果寬高被設定為 fill_parent, match_parent, warp_content 時, 這兩個兩邊直接回傳回 fill_parent,

match_parent, warp_content常量值;

規律 : 從view.getlayoutparams()中擷取 width, height 值, 在布局xml檔案中設定的是什麼, 擷取的時候就得到的是什麼;

垂直布局 橫向寬度填滿 : 如果布局是vertical, 那麼設定一個imageview寬度fill_parent, 高度2dp, 設定一個背景色;

水準布局 縱向高度填滿 : 如果布局時horizontal, 那麼設定一個imageview寬度2dp, 高度fill_parent, 設定一個背景色;

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高
AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

<imageview   

    android:layout_width="fill_parent"  

    android:layout_height="2dp"  

    android:background="#f00"/>  

設定linearlayout标簽的 android:showdividers屬性, 該屬性有四個值 : 

none :不顯示分隔線;

beginning : 在linearlayout開始處顯示分隔線;

middle : 在linearlayout中每兩個元件之間顯示分隔線;

end : 在linearlayout結尾處顯示分隔線;

設定android:divider屬性, 這個屬性的值是一個drawable的id;

設定顯示分隔線樣式 : linearlayout.setshowdividers(), 設定android:showdividers屬性;

設定分隔線圖檔 : linearlayout.setdividerdrawable(), 設定android:divider屬性;

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高
AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

要點 : 

底部 + 水準居中 對齊屬性 : 左邊的linearlayout的android:gravity 屬性為bottom|center_horizontal; 

右部 + 垂直居中 對齊屬性 : 右邊的linearlayout的android:gravity 屬性為right|center_vertical;

代碼 : 

[html] view

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高
AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

<?xml version="1.0" encoding="utf-8"?>  

<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"  

    android:layout_height="fill_parent"  

    android:orientation="vertical"   

    android:gravity="bottom|center_horizontal">  

    <button   

        android:layout_width="wrap_content"  

        android:layout_height="wrap_content"  

        android:text="按鈕1"/>  

        android:text="測試按鈕2"/>  

        android:text="按鈕3"/>  

        android:text="測試按鈕4"/>  

        android:text="按鈕5"/>  

</linearlayout>  

子元素對齊 : 通過修改 android:gravity 屬性來控制linearlayout中子元素的排列情況;

左邊的圖的屬性為 bottom|center_horizontal , 右邊的android:gravity的屬性值為 right|center_vertical;

三個水準方向的按鈕, 分别左對齊, 居中對齊, 右對齊 :

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

水準線性布局 : 最頂層的linearlayout的orientation是horizontal水準的;

等分三個線性布局 : 第二層的linearlayout的orientation是vertical垂直的, 并且寬度是fill_parent , 依靠權重配置設定寬度;

設定按鈕對齊方式 : 按鈕的android:layout_gravity屬性根據需求 left, center, right, 預設為left;

代碼 : 

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高
AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

    android:orientation="horizontal"  >  

    <linearlayout   

        android:layout_width="fill_parent"  

        android:layout_weight="1"  

        android:orientation="vertical"  

        android:background="#f00">  

        <button android:layout_width="wrap_content"  

            android:layout_height="wrap_content"  

            android:text="按鈕1"/>  

    </linearlayout>  

        android:background="#0f0">  

            android:text="按鈕2"  

            android:layout_gravity="center"/>  

        android:background="#00f">  

            android:text="按鈕3"  

            android:layout_gravity="right"/>  

相對布局容器中, 子元件的位置總是相對兄弟元件,父容器來決定的;

xml屬性 : android:gravity;

設定方法 : setgravity(int);

作用 : 設定布局容器内子元素的對齊方式, 注意與android:layout_gravity區分, 後者是設定元件本身元素對齊方式;

xml屬性 : android:ignoregravity;

設定方法 : setignoregravity(int);

作用 : 設定該元件不受gravity屬性影響, 因為gravity屬性影響容器内所有的元件的對齊方式, 設定了之後, 該元件就可以例外;

這些屬性都是相對父容器的, 确定是否在父容器中居中(水準, 垂直), 是否位于父容器的 上下左右 端;

是否水準居中 : android:layout_centerhorizontal;

是否垂直居中 : android:layout_centervertical;

是否位于中央 : android:layout_centerinparent;

是否底端對齊 : android:layout_alignparentbottom;

是否頂端對齊 : android:layout_alignparenttop;

是否左邊對齊 : android:layout_alignparentleft;

是否右邊對齊 : android:layout_alignparentright;

位于所給id元件左側 : android:layout_toleftof;

位于所給id元件右側 : android:layout_torightof;

位于所給id元件的上邊 : android:layout_above;

位于所給id元件的下方 : android:layout_below;

與所給id元件頂部對齊 : android:layout_aligntop;

與所給id元件底部對齊 : android:layout_alignbottom;

與所給id元件左邊對齊 : android:layout_alignleft;

與所給id元件右邊對齊 : android:layout_alignright;

五個按鈕排成梅花形狀, 梅花處于正中心, 效果圖如下 :

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

兩個按鈕, 如果隻有 android:layout_above="@+id/bt1" 會是這種情況 : 

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

加上 android:layout_alignleft="@+id/bt1"就會成為這種情況 : 

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

注意每個元件的屬性, 先要确定方位, 在進行對齊, 元件左邊界對齊, 元件上邊界對齊;

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高
AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

<relativelayout xmlns:android="http://schemas.android.com/apk/res/android"  

    android:layout_height="fill_parent" >  

        android:id="@+id/bt1"  

        android:text="按鈕1"  

        android:layout_centerinparent="true"/>  

        android:id="@+id/bt2"  

        android:text="按鈕2"  

        android:layout_above="@+id/bt1"  

        android:layout_alignleft="@+id/bt1"/>  

        android:id="@+id/bt3"  

        android:text="按鈕3"  

        android:layout_centerinparent="true"  

        android:layout_below="@+id/bt1"  

        android:id="@+id/bt4"  

        android:text="按鈕4"  

        android:layout_toleftof="@+id/bt1"  

        android:layout_aligntop="@+id/bt1"/>  

        android:id="@+id/bt5"  

        android:text="按鈕5"  

        android:layout_torightof="@+id/bt1"  

</relativelayout>  

建立數組 : 要先建立一個整型數組, 數組大小2位; 這個數組傳入getlocationonscreen()方法;

将位置資訊傳入數組 : 可以調用view.getlocationonscreen()方法, 傳回的是一個數組 int[2], int[0] 是橫坐标, int[1] 是縱坐标;

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高
AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

//擷取元件  

button b = (button) this.findviewbyid(r.id.button01);  

//建立數組, 将該數組傳入getlocationonscreen()方法  

int locations[] = new int[2];  

//擷取位置資訊  

b.getlocationonscreen(locations);  

int width = locations[0];  

int height = locations[1];  

屬性設定方法少 : android sdk中view類隻提供了很少用于設定屬性的方法,大多數屬性沒有直接對應的獲得和設定屬性值的方法, 看起來貌似不是很好用;

使用layoutparams設定屬性值 : android中可以對任何屬性進行設定, 這裡我們需要一個layoutparams對象, 使用這個layoutparams.addrule()方法,

可以設定所有元件的屬性值; 設定完之後調用view.setlayoutparams()方法, 傳入剛才建立的layoutparams對象, 并更新view的相應的layoutparams屬性值, 向容器中添加該元件;

代碼中動态設定布局屬性 : 

a. 建立layoutparams對象

b. 調用layoutparams對象的addrule()方法設定對應屬性;

c. 調用view.setlayoutparams()方法将設定好的layoutparams對象設定給元件;

d. 調用addview方法将view對象設定到布局中去;

使用代碼設定android:layout_torightof 和 android:layout_below屬性 : 

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高
AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

//裝載布局檔案  

relativelayout relativelayout = (relativelayout) getlayoutinflater().inflate(r.layout.relative, null);  

//裝載要動态添加的布局檔案  

button button = (button) relativelayout.findviewbyid(r.id.bt1);  

//建立一個layoutparams對象  

layoutparams layoutparams = new layoutparams(layoutparams.wrap_content, layoutparams.wrap_content);  

//設定android:layout_torightof屬性  

layoutparams.addrule(relativelayout.right_of, r.id.bt2);  

//設定android:layout_below  

layoutparams.addrule(relativelayout.below, r.id.bt2);  

//更新button按鈕的屬性  

button.setlayoutparams(layoutparams);  

//向布局中動态添加按鈕  

relativelayout.addview(button);  

幀布局容器為每個元件建立一個空白區域, 一個區域成為一幀, 這些幀會根據framelayout中定義的gravity屬性自動對齊;

繪制一個霓虹燈效果的層疊布局, 如下圖 : 

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

要點 : 

後擋前 : 後面的view元件會遮擋前面的view元件,越在前面, 被遮擋的機率越大;

界面居中 : 将所有的textview元件的對齊方式 android:layout_gravity 設定為center;

正方形 : 所有的textview都設定android:height 和 android:width 屬性, 用來設定其寬高, 這裡設定成正方形, 寬高一樣, 後面的元件比前面的邊長依次少40;

顔色 : 每個textview的背景都設定成不一樣的;

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高
AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

<framelayout xmlns:android="http://schemas.android.com/apk/res/android"  

    android:layout_width="match_parent"  

    android:layout_height="match_parent" >  

    <textview   

        android:id="@+id/tv_1"  

        android:layout_gravity="center"  

        android:width="320px"  

        android:height="320px"  

        android:background="#f00"/>  

        android:id="@+id/tv_2"  

        android:width="280px"  

        android:height="280px"  

        android:background="#0f0"/>  

        android:id="@+id/tv_3"  

        android:width="240px"  

        android:height="240px"  

        android:background="#00f"/>  

        android:id="@+id/tv_4"  

        android:width="200px"  

        android:height="200px"  

        android:background="#ff0"/>  

        android:id="@+id/tv_5"  

        android:width="160px"  

        android:height="160px"  

        android:background="#f0f"/>  

        android:id="@+id/tv_6"  

        android:width="120px"  

        android:height="120px"  

        android:background="#0ff"/>  

</framelayout>  

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

建立顔色資源, 在跟節點<resources>下面建立<color>子節點, color屬性标簽 name 自定義, 子文本為顔色代碼;

建立handler對象, 實作handlemessage()方法, 在這個方法中循環設定 textview對象的顔色變量, 使用color[(i + currentcolor)%colors.length]每調用一次, 就将所有的textview顔色依次調換一次;

在oncreate()方法中, 開啟一個定時器timer, 每隔0.2s就調用一個handler中的方法, 這樣動态的霓虹燈代碼就顯示出來了.

顔色資源代碼 : 

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高
AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

<resources>  

    <color name = "color1">#f00</color>  

    <color name = "color2">#0f0</color>  

    <color name = "color3">#00f</color>  

    <color name = "color4">#ff0</color>  

    <color name = "color5">#f0f</color>  

    <color name = "color6">#0ff</color>  

</resources>  

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高
AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

package com.example.framelayout;  

import java.util.timer;  

import java.util.timertask;  

import android.app.activity;  

import android.os.bundle;  

import android.os.handler;  

import android.os.message;  

import android.widget.textview;  

public class mainactivity extends activity {  

    //這個變量用來控制霓虹燈顔色變化  

    private int currentcolor = 0;  

    //顔色對應的資源id  

    final int[] colors = new int[]{  

            r.color.color1,  

            r.color.color2,  

            r.color.color3,  

            r.color.color4,  

            r.color.color5,  

            r.color.color6  

    };  

    //view元件對應的資源id  

    final int[] names = new int[]{  

            r.id.tv_1,  

            r.id.tv_2,  

            r.id.tv_3,  

            r.id.tv_4,  

            r.id.tv_5,  

            r.id.tv_6  

    //元件數組  

    textview[] views = new textview[names.length];  

    //定義這個handler, 為了在定時器中固定調用handlemessage方法  

    handler handler = new handler(){  

        public void handlemessage(message msg) {  

            if(msg.what == 0x123){  

                for(int i = 0; i < names.length; i ++){  

                    views[i].setbackgroundresource(colors[(i + currentcolor) % names.length]);  

                }  

                currentcolor ++;  

            }  

        };  

    @override  

    public void oncreate(bundle savedinstancestate) {  

        super.oncreate(savedinstancestate);  

        setcontentview(r.layout.frame);  

        //初始化元件數組  

        for(int i = 0; i < names.length; i ++){  

            views[i] = (textview) findviewbyid(names[i]);  

        }  

        //每隔0.2秒更換一次顔色  

        new timer().schedule(new timertask() {  

            @override  

            public void run() {  

                handler.sendemptymessage(0x123);  

        }, 0, 200);  

    }  

}  

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

要點 : 給framelayout中的三個按鈕分别設定 不同的layout_gravity,left ,center_horizontal,right,

就能設定成上圖的樣式;

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高
AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

        android:layout_gravity="left"/>  

        android:layout_gravity="center_horizontal"/>  

        android:layout_gravity="right"/>  

繼承關系 : 表格布局繼承了linearlayout, 其本質是線性布局管理器; 

控制元件 : 表格布局采用 行, 列 形式管理子元件, 但是并不需要聲明有多少 行列, 隻需要添加tablerow 和 元件 就可以控制表格的行數和列數, 這一點與網格布局有所不同, 網格布局需要指定行列數;

增加行的方法 : 

a. tablerow增加行列 : 向tablelayout中添加一個tablerow,一個tablerow就是一個表格行, 同時tablerow也是容器, 可以向其中添加子元素,

每添加一個元件, 就增加了一列;

b. 元件增加行 : 如果直接向tablelayout中添加元件, 就相當于直接添加了一行;

列寬 : tablelayout中, 列的寬度由該列最寬的單元格決定, 整個表格的寬度預設充滿父容器本身;

a. 收縮 :shrinkable, 如果某列被設為shrinkable, 那麼該列所有單元格寬度可以被收縮,

保證表格能适應父容器的寬度;

b. 拉伸 :stretchable, 如果某列被設為stretchable, 那麼該列所有單元格的寬度可以被拉伸,

保證表格能完全填滿表格剩餘空間;

d. 隐藏 :collapsed, 如果某列被設定成collapsed, 那麼該列所有單元格會被隐藏;

xml屬性 : android:collapsedcolumns;

設定方法 : setcolumncollapsed(int, boolean);

作用 : 設定需要被隐藏的列的序号, 在xml檔案中, 如果隐藏多列, 多列序号間用逗号隔開;

xml屬性 : android:stretchcolumns;

設定方法 : setstretchallcolumns(boolean);

作用 : 設定允許被拉伸的列的序列号, xml檔案中多個序列号之間用逗号隔開;

xml屬性 : android:shrinkablecolumns;

設定方法 : setshrinkableallcolumns(boolean);

作用 : 設定允許被收縮的列的序号, xml檔案中, 多個序号之間可以用逗号隔開;

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

實作要點 : 

獨自一行按鈕 : 向tablelayout中添加按鈕, 這個按鈕就會獨自占據一行;

收縮按鈕: 在tablelayout标簽中,設定android:stretchable屬性标簽, 屬性值是要收縮的列, 注意,列标從0開始;

拉伸按鈕 : 在tablelayout标簽中,設定android:shrinkable屬性标簽, 屬性值是要拉伸的列, 注意, 清單從0開始;

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高
AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

    xmlns:tools="http://schemas.android.com/tools"  

    android:orientation="vertical"  

    <!-- linearlayout預設是水準的, 這裡設定其方向為垂直 -->  

    <!-- 表格布局, 第2列允許收縮, 第3列允許拉伸, 注意這裡行列的計數都是從0開始的 -->  

    <tablelayout   

        android:shrinkcolumns="1"  

        android:stretchcolumns="2">  

        <!-- 向tablelayout中直接添加元件, 獨占一行 -->  

        <button   

            android:layout_width="fill_parent"  

            android:text="獨自一行的按鈕"/>  

        <tablerow>  

            <button   

                android:layout_width="wrap_content"  

                android:layout_height="wrap_content"  

                android:text="普通的按鈕"/>  

                android:text="收縮的按鈕"/>  

                android:text="拉伸的按鈕"/>  

        </tablerow>  

    </tablelayout>  

    <!-- 第二個按鈕會隐藏掉 -->  

        android:collapsecolumns="1">  

        <tablerow >  

                android:text="普通按鈕1"/>  

                android:text="普通按鈕2"/>  

                android:text="普通按鈕3"/>  

    <!-- 指定第二列和第三列可以被拉伸 -->  

        android:stretchcolumns="1,2">  

            android:text="獨自占一行的按鈕"/>  

網格布局時android4.0版本才有的, 在低版本使用該布局需要導入對應支撐庫;

gridlayout将整個容器劃分成rows * columns個網格, 每個網格可以放置一個元件. 還可以設定一個元件橫跨多少列, 多少行. 不存在一個網格放多個元件情況;

xml屬性 : android:alignmentmode;

設定方法 : setalignmentmode(int);

作用 : 設定網格布局管理器的對齊模式

xml屬性 : android:columncount;

設定方法 : setcolumncount(int);

作用 : 設定該網格布局的列數;

xml屬性 : android:columnorderpreserved;

設定方法 : setcolumnorderpreserved(boolean);

作用 : 設定網格容器是否保留列序列号;

xml屬性 : android:rowcount;

設定方法 : setrowcount(int);

作用 : 設定該網格的行數;

xml屬性 : android:roworderpreserved;

設定方法 : setroworderpreserved(int);

作用 : 設定該網格容器是否保留行序列号;

xml屬性 : android:usedefaultmargins;

設定方法 : setusedefaultmargins(boolean);

作用 : 設定該布局是否使用預設的頁邊距;

xml屬性 : android:layout_column;

作用 : 設定子元件在gridlayout的哪一列;

xml屬性 : android:layout_columnspan;

作用 : 設定該子元件在gridlayout中橫向跨幾列;

作用 : 設定該元件采用何種方式占據該網格的空間;

xml屬性 : android:layout_row;

作用 : 設定該子元件在gridlayout的第幾行;

xml屬性 : android:layout_rowspan;

作用 : 設定該子元件在gridlayout縱向橫跨幾行;

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

設定行列 : 設定gridlayout的android:rowcount為6, 設定android:columncount為4,

這個網格為 6行 * 4列 的;

設定橫跨四列 : 設定textview和按鈕橫跨四列android:layout_columnspan 為4, 列的合并 就是占了一行;

textview的一些設定: 

設定textview中的文本與邊框有5像素間隔 : android:padding = "5px";

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高
AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

<gridlayout xmlns:android="http://schemas.android.com/apk/res/android"  

    android:layout_height="match_parent"   

    android:rowcount="6"  

    android:columncount="4"  

    android:id="@+id/root">  

    <!--   

        定義一個  6行 * 4列 gridlayout, 在裡面定義兩個元件  

        兩個元件都橫跨4列, 單獨占一行  

     -->  

        android:layout_width="match_parent"  

        android:layout_columnspan="4"  

        android:textsize="50sp"  

        android:layout_marginleft="4px"  

        android:layout_marginright="4px"  

        android:padding="5px"  

        android:layout_gravity="right"  

        android:background="#eee"  

        android:textcolor="#000"  

        android:text="0"/>  

        android:text="清除"/>  

</gridlayout>  

将元件設定給gridlayout網格流程 : 

指定元件所在行 : gridlayout.specrowspec = gridlayout.spec(int); 

指定元件所在列 : gridlayout.speccolumnspec = gridlayout.spec(int);

建立layoutparams對象 : gridlayout.layoutparams params =new gridlayout.layoutparams(rowspec, columnspec);

指定元件占滿容器 : params.setgravity(gravity.fill);

将元件添加到布局中 : gridlayout.addview(view, params);

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高
AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

package com.example.caculator;  

import android.view.gravity;  

import android.widget.button;  

import android.widget.gridlayout;  

import android.widget.gridlayout.layoutparams;  

import android.widget.gridlayout.spec;  

    private gridlayout gridlayout;  

    //需要放到按鈕上的字元串  

    string chars[] = new string[]{  

        "7", "8", "9", "/",  

        "4", "5", "6", "*",  

        "1", "2", "3", "-",  

        ".", "0", "=", "+"  

        setcontentview(r.layout.activity_main);  

        gridlayout = (gridlayout) findviewbyid(r.id.root);  

        for(int i = 0; i < chars.length; i ++){  

            button button = new button(this);  

            button.settext(chars[i]);  

            button.settextsize(40);  

            //指定元件所在行  

            spec rowspec = gridlayout.spec(i / 4 + 2);  

            //指定元件所在列  

            spec columnspec = gridlayout.spec(i % 4);  

            //生成layoutparams對象  

            layoutparams layoutparams = new layoutparams(rowspec, columnspec);  

            //指定元件充滿網格  

            layoutparams.setgravity(gravity.fill);  

            //将元件設定給gridlayout  

            gridlayout.addview(button, layoutparams);  

絕對布局特點 : 在絕對布局中,元件位置通過x, y坐标來控制, 布局容器不再管理元件位置, 大小, 這些都可以自定義; 

絕對布局使用情況 : 絕對布局不能适配不同的分辨率, 螢幕大小, 這種布局已經過時, 如果隻為一種裝置開發這種布局的話, 可以考慮使用這種布局;

android:layout_x: 指定元件的x坐标;

android:layout_y: 指定元件的y坐标;

android:layout_width 是指定寬度是否充滿父容器, 或者僅僅包含子元素的,

android:width : 指定元件的寬度, 可以指定一個 數字 + 機關 , 如 100px 或者 100dp; 同理 android:layout_height 和 android:height;

px : 像素, 每個px對應螢幕上的一個點;

dip/dp : device independent pixels, 裝置的獨立像素, 這種機關基于螢幕密度, 在每英寸160點的顯示器上 1dp = 1px, 随着螢幕密度改變, dp 與 px 換算會發生改變;

sp : scale pixels, 比例像素, 處理字型的大小, 可以根據使用者字型大小進行縮放;

in : 英寸, 标準長度機關

mm : 毫米, 标準長度機關

pt : 磅, 标準長度機關, 1/72英寸;

AndroidUI設計之 布局管理器 - 詳細解析布局實作 一. 線性布局(LinearLayout) 二. 相對布局RelativeLayout 三. 幀布局FrameLayout 四. 表格布局TableLayout 五. 網格布局 六. 絕對布局 AbsoluteLayout 七. Android 分辨率 dip 與 px 轉換 七. 擷取View對象寬高

px : pixel, 像素, 螢幕分辨率就是像素, 分辨率用 寬度 * 長度 表示, 分辨率不是長寬比, android中一般不直接處理分辨率;

density : 密度, 是以分辨率為基礎, 沿長寬方向排列的像素,密度低的螢幕像素少,密度高的螢幕像素多;

如果以像素為機關, 同一個按鈕在高密度螢幕 要比 在低密度螢幕要大.

dip : device independent pixel, 裝置獨立像素, 程式用dip來定義界面元素,dip與實際密度無關.

手機螢幕密度分類 : 高 hdpi 240 , 中 mdpi 160, 小 ldpi 120, 在res下有對應密度的标簽資源, 注意這些資源與螢幕大小無關;

手機螢幕大小分類 : 大螢幕 4.8英寸以上, 普通螢幕 3.0 ~ 4.0英寸, 小螢幕 2.6 ~ 3.0英寸;

基準螢幕 : 正常尺寸, 與中密度120dpi,havg 320 * 480 是基準螢幕, 中密度 px == dip;

dip -> px :px = dip * (densitydpi / 160);

px -> dip :dip = px / (densitydpi / 160);

在中密度 mdpi 下, dip == px;

在高密度 hdpi 下, px > dip;

在低密度 ldpi 下, px < dip;

擷取密度 :displaymetrics dm = getresources().getdisplaymetrics();

密度 : int density =dm.densitydpi;

像素 :dm.widthpixel * dm.heightpixel;  

如果在activity中直接調用view元件的寬高, 獲得的寬高一定是0;

重寫 onwindowfocuschanged() .方法, 在這個方法中擷取寬高, 就能成功擷取到view元件的準确寬高值;

參考 : http://blog.csdn.net/sodino/article/details/10086633

繼續閱讀