Android 4.3中的視覺邊界佈局(Optical bounds layout)

不錯的文章,轉載了:http://www.tuicool.com/articles/YRRRnq

Optical bounds layout(視覺/光學邊界佈局)是在4.3(Api level 18)中引入的一種新的佈局對齊方式。之前是使用控件邊界來佈局的。可以在“設置” 中的 “開發者選項” 中的 “顯示佈局邊界” 功能來查看界面的每個空間的編輯。

下面兩個圖是使用控件邊界佈局和視覺編輯佈局的對比:

使用控件編輯佈局(默認)

使用控件編輯佈局(默認)

使用視覺邊界佈局

使用視覺邊界佈局


下面兩個圖是顯示了每個控件邊界的圖( 藍色 爲控件的邊界; 粉紅色 爲視覺邊界):
控件的邊界

控件的邊界

注意:該圖上面的粉紅色外框,是由於使用了帶有陰影的.9圖導致的。

視覺編輯佈局示意圖

視覺編輯佈局示意圖

可以看到,對於那些有透明空白邊的控件來說,使用視覺邊界佈局在顯示效果上更加整齊。 不然的話,要保證每個控件的空白透明邊都是一樣的才能保證內容對齊。

由於引入了視覺邊界佈局,所以爲了消除半透明陰影對佈局的影響,特別是常用作背景圖的.9圖片。 下面是一個引入了視覺邊界區域的.9圖:

帶有視覺邊界標示的.9圖

帶有視覺邊界標示的.9圖

注意上圖和普通的.9圖多了 4條紅線。右邊上下兩條;下面左右兩條。

這4條紅線分別用來指示透明邊界區域的,也就是當使用視覺邊界佈局的時候,把紅色線標記的區域當做透明區域對待。從非紅色標記的區域當做視覺邊界區域來佈局控件。

這樣,就能保證 上面的文本邊界和下面的按鈕背景邊界對齊了。 如上圖所示。

發佈了51 篇原創文章 · 獲贊 20 · 訪問量 12萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章