不錯的文章,轉載了:http://www.tuicool.com/articles/YRRRnq
Optical bounds layout(視覺/光學邊界佈局)是在4.3(Api level 18)中引入的一種新的佈局對齊方式。之前是使用控件邊界來佈局的。可以在“設置” 中的 “開發者選項” 中的 “顯示佈局邊界” 功能來查看界面的每個空間的編輯。
下面兩個圖是使用控件邊界佈局和視覺編輯佈局的對比:
下面兩個圖是顯示了每個控件邊界的圖( 藍色 爲控件的邊界; 粉紅色 爲視覺邊界):
注意:該圖上面的粉紅色外框,是由於使用了帶有陰影的.9圖導致的。
可以看到,對於那些有透明空白邊的控件來說,使用視覺邊界佈局在顯示效果上更加整齊。 不然的話,要保證每個控件的空白透明邊都是一樣的才能保證內容對齊。
由於引入了視覺邊界佈局,所以爲了消除半透明陰影對佈局的影響,特別是常用作背景圖的.9圖片。 下面是一個引入了視覺邊界區域的.9圖:
注意上圖和普通的.9圖多了 4條紅線。右邊上下兩條;下面左右兩條。
這4條紅線分別用來指示透明邊界區域的,也就是當使用視覺邊界佈局的時候,把紅色線標記的區域當做透明區域對待。從非紅色標記的區域當做視覺邊界區域來佈局控件。
這樣,就能保證 上面的文本邊界和下面的按鈕背景邊界對齊了。 如上圖所示。