(4)權重最小尺寸

xml屬性 : android:measureWithLargestChild;

設置方法 : setMeasureWithLargestChildEnable(boolean b);

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

(5) 排列方式

xml屬性 : android:orientation;

設置方法 : setOrientation(int i);

作用 : 設置佈局管理器內組件排列方式, 設置為horizontal(水平),vertical(垂直), 默認為垂直排列;

3. LinearLayout子元素控制

LinearLayout的子元素, 即LinearLayout中的組件,
都受到LinearLayout.LayoutParams控制, 因此LinearLayout包含的子元素可以執行下面的屬性.

(1) 對齊方式

xml屬性 : android:layout_gravity;

作用 : 指定該元素在LinearLayout(父容器)的對齊方式;

(2) 所占權重

xml屬性 : android:layout_gravity;

作用 : 指定該元素在LinearLayout(父容器)中所占的權重;

4. 控制子元素排列與在父元素中排列

控制本身元素屬性與子元素屬性 : 帶layout的屬性是設置本身, 例如 android:layout_gravity設置的是本身的對其方式; 不帶layout的屬性是設置其所包含的子元素, 例如android:gravity 設置的是該容器子組件的對齊方式;

所有的佈局管理器都提供瞭相應的LayoutParams內部類, 這些內部類用於控制佈局中子元素的佈局, 如 對齊方式 layout_gravity, 所占權重 layout_weight, 這些屬性用於設置本元素在父容器中的對齊方式;

android:gravity作用是指定指定本元素包含的子元素的對齊方式, 隻有容器才支持這個屬性;

5. 常見用法

(1) 獲取LinearLayout的寬高

a. 組件外無法獲取組件寬高

調用View.getHeight() 和 View.getWidth()方法 是獲取不到組件的寬度和高度的, 這兩個方法返回的是0; Android的運行機制決定瞭無法在組件外部使用getHeight()和getWidth()方法獲取寬度和高度, 在自定義的類中可以在View的類中通過調用這兩個方法獲取該View子類組件的寬和高;

b. 組件外部獲取View對象寬高方法

使用View.getMeasuredWidth() 和 View.getMeasuredHeight()方法可以獲取組件的寬和高, 在調用這個方法之前, 必須先調用View.measure()方法, 才可以, 否則也獲取不到組件的寬高;

註意 : 如果組件寬度或高度設置為fill_parent, 使用getMeasuredHeight()等方法獲取寬度和高度的時候, 並且組件中含有子元素時, 所獲取的實際值是這些組件所占的最小寬度和最小高度.

示例:

		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();

c. 獲取佈局文件中組件的寬高

調用View.getLayoutParams().width 和 View.getLayoutParams().height 獲取寬高, 如果寬高被設定為 fill_parent, match_parent, warp_content 時, 這兩個兩邊直接回返回 FILL_PARENT, MATCH_PARENT, WARP_CONTENT常量值;

(2) 在LinearLayout中添加分隔線

a. 使用ImageView添加(低版本3.0以下)

如果佈局是vertical, 那麼設置一個ImageView寬度fill_parent, 高度2dp, 設置一個背景色;

如果佈局時horizontal, 那麼設置一個ImageView寬度2dp, 高度fill_parent, 設置一個背景色;

b. 使用xml屬性添加(3.0以上版本)

設置LinearLayout標簽的 android:showDividers 屬性, 該屬性有四個值 :

none : 不顯示分隔線;

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

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

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

設置android:pider屬性, 這個屬性的值是一個Drawable的id;

c. 使用代碼添加(3.0以上版本)

設置顯示分隔線樣式 : linearLayout.setShowDividers(), 設置android:showDividers屬性;

設置分隔線圖片 : linearLayout.setDividerDrawable(), 設置android:pider屬性;

6. 實際案例

(1) 按鈕排列

要點 :

左邊的LinearLayout的android:gravity 屬性為 bottom”center_horizontal;

右邊的LinearLayout的android:gravity 屬性為 right|center_vertical;

代碼 :

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

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

(2) 三個按鈕各自對齊

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

要點 :

最頂層的LinearLayout的orientation是horizontal水平的;

第二層的LinearLayout的orientation是vertical垂直的, 並且寬度是fill_parent , 依靠權重分配寬度;

按鈕的android:layout_gravity屬性根據需求 left, center, right, 默認為left;

代碼 :

二. 相對佈局RelativeLayout

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

1. RelativeLayout支持的屬性

(1) 對齊方式

xml屬性 : android:gravity;

設置方法 : setGravity(int);

作用 : 設置佈局容器內子元素的對齊方式;

(2) 忽略對齊方式

xml屬性 : android:ignoreGravity;

設置方法 : setIgnoreGravity(int);

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

2. LayoutParams屬性

(1) 隻能設置boolean值的屬性

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

是否水平居中 : android:layout_centerHorizontal;

是否垂直居中 : android:layout_centerVertical;

是否位於中央 : android:layout_centerInParent;

是否底端對齊 : android:layout_alignParentBottom;

是否頂端對齊 : android:layout_alignParentTop;

是否左邊對齊 : android:layout_alignParentLeft;

是否右邊對齊 : android:layout_alignParentRight;

(2) 隻能設置其它組件id的屬性

位於所給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;

3. 梅花佈局效果

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

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

加上 android:layout_alignLeft=”@+id/bt1″就會成為這種情況 :

要點 :

註意每個組件的屬性, 先要確定方位, 在進行對齊, 組件左邊界對齊, 組件上邊界對齊;

代碼 :

4. 相對佈局常用方法

(1) 獲取屏幕中一個組件的位置

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

可以調用View.getLocationOnScreen()方法, 返回的是一個數組 int[2], int[0] 是橫坐標, int[1] 是縱坐標;

		//獲取組件
		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];

(2) LayoutParams的使用設置所有屬性

屬性設置方法少 : Android SDK中View類隻提供瞭很少用於設置屬性的方法, 大多數屬性沒有直接對應的獲得和設置屬性值的方法, 看起來貌似不是很好用;

使用LayoutParams設置屬性值 : Android中可以對任何屬性進行設置, 這裡我們需要一個LayoutParams對象, 使用這個LayoutParams.addRule()方法, 可以設置所有組件的屬性值; 設置完之後調用View.setLayoutParams()方法, 創建剛才的LayoutParams對象, 並更新View的相應的屬性值;

代碼中動態設置佈局屬性 :

a. 創建LayoutParams對象

b. 調用LayoutParams對象的addRule()方法設置對應屬性;

c. 調用View.setLayoutParams()方法將設置好的LayoutParams對象設置給組件;

d. 調用addView方法將View對象設置到佈局中去;

使用代碼設置android:layout_toRightOf 和 android:layout_below屬性 :

		//裝載佈局文件
		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屬性自動對齊;

(1) 繪制霓虹燈佈局

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

要點 :

後擋前 : 後面的View組件會遮擋前面的View組件, 越在前面, 被遮擋的概率越大;

界面居中 : 將所有的TextView組件的對齊方式 android:layout_gravity 設置為center;

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

顏色 : 每個TextView的背景都設置成不一樣的;

代碼 :

<frameLayout xmlns:android="https://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    
    
    
    
    
    
    

</frameLayout>

2. 使用代碼使上面的霓虹燈效果動起來

(1) 圖片效果

(2) 顏色資源

創建顏色資源, 在跟節點下面創建子節點, color屬性標簽 name 自定義, 子文本為顏色代碼;

(3) 定時器控制handler

創建Handler對象, 實現handleMessage()方法, 在這個方法中循環設置 TextView對象的顏色變量, 使用color[(i + currentColor)%colors.length]每調用一次, 就將所有的TextView顏色依次調換一次;

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

(4) 代碼

顏色資源代碼 :

    #f00
    #0f0
    #00f
    #ff0
    #f0f
    #0ff

代碼 :

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);
    }
}

3. 三個水平方向的按鈕分別左對齊,居中對齊,右對齊

要點 : 給FrameLayout中的三個按鈕分別設置 不同的layout_gravity, left , center_horizontal, right, 就能設置成上圖的樣式;

代碼 :

<frameLayout xmlns:android="https://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    
    
    
    
    
    

</frameLayout>

四. 表格佈局TableLayout

1. 表格佈局的一些概念

繼承關系 : 表格佈局繼承瞭LinearLayout, 其本質是線性佈局管理器;

控制組件 : 表格佈局采用 行, 列 形式管理子組件, 但是並不需要聲明有多少 行列, 隻需要添加TableRow 和 組件 就可以控制表格的行數和列數;

增加行的方法 :

a. TableRow增加行列 : 向TableLayout中添加一個TableRow, 一個TableRow就是一個表格行, 同時TableRow也是容器, 可以向其中添加子元素, 每添加一個組件, 就增加瞭一列;

b. 組件增加行 : 如果直接向TableLayout中添加組件, 就相當於直接添加瞭一行;

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

2. 單元格行為方式

(1) 行為方式概念

a. 收縮 : Shrinkable, 如果某列被設為Shrinkable, 那麼該列所有單元格寬度可以被收縮, 保證表格能適應父容器的寬度;

b. 拉伸 : Stretchable, 如果某列被設為Stretchable, 那麼該列所有單元格的寬度可以被拉伸, 保證表格能完全填滿表格剩餘空間;

d. 隱藏 : Collapsed, 如果某列被設置成Collapsed, 那麼該列所有單元格會被隱藏;

(2) 行為方式屬性

a. 隱藏

xml屬性 : android:collapsedColumns;

設置方法 : setColumnCollapsed(int, boolean);

作用 : 設置需要被隱藏的列的序號, 在xml文件中, 如果隱藏多列, 多列序號間用逗號隔開;

b. 拉伸

xml屬性 : android:stretchColumns;

設置方法 : setStretchAllColumns(boolean);

作用 : 設置允許被拉伸的列的序列號, xml文件中多個序列號之間用逗號隔開;

c. 收縮

xml屬性 : android:shrinkableColumns;

設置方法 : setShrinkableAllColumns(boolean);

作用 : 設置允許被收縮的列的序號, xml文件中, 多個序號之間可以用逗號隔開;

3. 表格佈局實例

實現要點 :

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

收縮按鈕 : 在TableLayout標簽中, 設置android:stretchable屬性標簽, 屬性值是要收縮的列, 註意, 列標從0開始;

拉伸按鈕 : 在TableLayout標簽中, 設置android:shrinkable屬性標簽, 屬性值是要拉伸的列, 註意, 列表從0開始;

代碼 :

五. 網格佈局

1. 網格佈局介紹

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

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

2. 網格佈局常用屬性

(1) 設置對齊模式

xml屬性 : android:alignmentMode;

設置方法 : setAlignmentMode(int);

作用 : 設置網格佈局管理器的對齊模式

(2) 設置列數

xml屬性 : android:columnCount;

設置方法 : setColumnCount(int);

作用 : 設置該網格佈局的列數;

(3) 設置是否保留列序列號

xml屬性 : android:columnOrderPreserved;

設置方法 : setColumnOrderPreserved(boolean);

作用 : 設置網格容器是否保留列序列號;

(4) 設置行數

xml屬性 : android:rowCount;

設置方法 : setRowCount(int);

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

(5) 設置是否保留行序列號

xml屬性 : android:rowOrderPreserved;

設置方法 : setRowOrderPreserved(int);

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

(6) 頁邊距

xml屬性 : android:useDefaultMargins;

設置方法 : setUseDefaultMargins(boolean);

作用 : 設置該佈局是否使用默認的頁邊距;

3. GridLayout的LayoutParams屬性

(1) 設置位置列

xml屬性 : android:layout_column;

作用 : 設置子組件在GridLayout的哪一列;

(2) 橫向跨列

xml屬性 : android:layout_columnSpan;

作用 : 設置該子組件在GridLayout中橫向跨幾列;

(3) 占據空間方式

xml屬性 : android:layout_gravity;

設置方法 : setGravity(int);

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

(4) 設置行位置

xml屬性 : android:layout_row;

作用 : 設置該子組件在GridLayout的第幾行;

(5) 設置橫跨行數

xml屬性 : android:layout_rowSpan;

作用 : 設置該子組件在GridLayout縱向橫跨幾行;

4. 實現一個計算機界面

(1) 佈局代碼

設置行列 : 設置GridLayout的android:rowCount為6, 設置android:columnCount為4, 這個網格為 6行 * 4列 的;

設置橫跨四列 : 設置TextView和按鈕橫跨四列 android:layout_columnSpan 為4, 列的合並 就是占瞭一行;

textView的一些設置 :

設置textView中的文本與邊框有5像素間隔 : android:padding = “5px”;

代碼 :

(2) Activity代碼

將組建設置給GridLayout網格流程 :

指定組件所在行 : GridLayout.Spec rowSpec = GridLayout.spec(int);

指定組件所在列 : GridLayout.Spec columnSpec = GridLayout.spec(int);

創建LayoutParams對象 : GridLayout.LayoutParams params = new GridLayout.LayoutParams(rowSpec, columnSpec);

指定組件占滿容器 : params.setGravity(Gravity.FILL);

將組件添加到佈局中 : gridLayout.addView(view, params);

代碼 :

package com.example.caculator;

import android.app.Activity;
import android.os.Bundle;
import android.view.Gravity;
import android.widget.Button;
import android.widget.GridLayout;
import android.widget.GridLayout.LayoutParams;
import android.widget.GridLayout.Spec;

public class MainActivity extends Activity {

	private GridLayout gridLayout;
	//需要放到按鈕上的字符串
	String chars[] = new String[]{
		"7", "8", "9", "/",
		"4", "5", "6", "*",
		"1", "2", "3", "-",
		".", "0", "=", "+"
	};
	
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        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);
        }
    }
}