1. 程式人生 > >RelativeLayout相對佈局 安卓佈局技巧

RelativeLayout相對佈局 安卓佈局技巧

RelativeLayout相對佈局

相對佈局 RelativeLayout 允許子元素指定它們相對於其父元素或兄弟元素的位置,這是實際佈局中最常用的佈局方式之一。它靈活性大很多,當然屬性也多,操作難度也大,屬性之間產生衝突的的可能性也大,使用相對佈局時要多做些測試。

下面是常用的一些屬性

RelativeLayout用到的一些重要的屬性:

第一類:屬性值為true或false
android:layout_centerHrizontal 水平居中
android:layout_centerVertical 垂直居中
android:layout_centerInparent 相對於父元素完全居中
android:layout_alignParentBottom 貼緊父元素的下邊緣
android:layout_alignParentLeft 貼緊父元素的左邊緣
android:layout_alignParentRight 貼緊父元素的右邊緣
android:layout_alignParentTop 貼緊父元素的上邊緣
android:layout_alignWithParentIfMissing 如果對應的兄弟元素找不到的話就以父元素做參照物

第二類:屬性值必須為id的引用名“@id/id-name”
android:layout_below 在某元素的下方
android:layout_above 在某元素的的上方
android:layout_toLeftOf 在某元素的左邊
android:layout_toRightOf 在某元素的右邊

android:layout_alignTop 本元素的上邊緣和某元素的的上邊緣對齊
android:layout_alignLeft 本元素的左邊緣和某元素的的左邊緣對齊
android:layout_alignBottom 本元素的下邊緣和某元素的的下邊緣對齊
android:layout_alignRight 本元素的右邊緣和某元素的的右邊緣對齊

第三類:屬性值為具體的畫素值,如30dip,40px
android:layout_marginBottom 離某元素底邊緣的距離
android:layout_marginLeft 離某元素左邊緣的距離
android:layout_marginRight 離某元素右邊緣的距離
android:layout_marginTop 離某元素上邊緣的距離


EditText的android:hint

設定EditText為空時輸入框內的提示資訊。

android:gravity 
android:gravity屬性是對該view 內容的限定.比如一個button 上面的text. 你可以設定該text 在view的靠左,靠右等位置.以button為例,android:gravity="right"則button上面的文字靠右

android:layout_gravity
android:layout_gravity是用來設定該view相對與起父view 的位置.比如一個button 在linearlayout裡,你想把該button放在靠左、靠右等位置就可以通過該屬性設定.以button為例,android:layout_gravity="right"則button靠右

android:layout_alignParentRight

使當前控制元件的右端和父控制元件的右端對齊。這裡屬性值只能為true或false,預設false。

android:scaleType:
android:scaleType是控制圖片如何resized/moved來匹對ImageView的size。ImageView.ScaleType / android:scaleType值的意義區別:

CENTER /center 按圖片的原來size居中顯示,當圖片長/寬超過View的長/寬,則擷取圖片的居中部分顯示

CENTER_CROP / centerCrop 按比例擴大圖片的size居中顯示,使得圖片長(寬)等於或大於View的長(寬)

CENTER_INSIDE / centerInside 將圖片的內容完整居中顯示,通過按比例縮小或原來的size使得圖片長/寬等於或小於View的長/寬

FIT_CENTER / fitCenter 把圖片按比例擴大/縮小到View的寬度,居中顯示

FIT_END / fitEnd 把圖片按比例擴大/縮小到View的寬度,顯示在View的下部分位置

FIT_START / fitStart 把圖片按比例擴大/縮小到View的寬度,顯示在View的上部分位置

FIT_XY / fitXY 把圖片不按比例擴大/縮小到View的大小顯示

MATRIX / matrix 用矩陣來繪製,動態縮小放大圖片來顯示。

** 要注意一點,Drawable資料夾裡面的圖片命名是不能大寫的。


android控制元件的對齊方式


<?xml version="1.0" encoding="utf-8"?>
<!--
android:layout_above 將該控制元件的底部至於給定ID的控制元件之上
android:layout_below 將該控制元件的頂部至於給定ID的控制元件之下
android:layout_toLeftOf 將該控制元件的右邊緣和給定ID的控制元件的左邊緣對齊
android:layout_toRightOf 將該控制元件的左邊緣和給定ID的控制元件的右邊緣對齊

android:layout_alignBaseline 該控制元件的baseline和給定ID的控制元件的baseline對齊
android:layout_alignBottom 將該控制元件的底部邊緣與給定ID控制元件的底部邊緣
android:layout_alignLeft 將該控制元件的左邊緣與給定ID控制元件的左邊緣對齊
android:layout_alignRight 將該控制元件的右邊緣與給定ID控制元件的右邊緣對齊
android:layout_alignTop 將給定控制元件的頂部邊緣與給定ID控制元件的頂部對齊


android:alignParentBottom 如果該值為true,則將該控制元件的底部和父控制元件的底部對齊
android:layout_alignParentLeft 如果該值為true,則將該控制元件的左邊與父控制元件的左邊對齊
android:layout_alignParentRight 如果該值為true,則將該控制元件的右邊與父控制元件的右邊對齊
android:layout_alignParentTop 如果該值為true,則將空間的頂部與父控制元件的頂部對齊

android:layout_centerHorizontal 如果值為真,該控制元件將被至於水平方向的中央
android:layout_centerInParent 如果值為真,該控制元件將被至於父控制元件水平方向和垂直方向的中央
android:layout_centerVertical 如果值為真,該控制元件將被至於垂直方向的中央

android:padding和android:layout_margin    通俗的理解 Padding 為內邊框,Margin 為外邊框

android:padding和android:layout_margin的區別,其實概念很簡單,padding是站在父view的角度描述問題,它規定它裡面的內容必須與這個父view邊界的距離。margin則是站在自己的角度描述問題,規定自己和其他(上下左右)的view之間的距離,如果同一級只有一個view,那麼它的效果基本上就和padding一樣了。

android:layout_gravity="center"
android:gravity 屬性是對該view 內容的限定.比如一個button 上面的text.  你可以設定該text 在view的靠左,靠右等位置..
android:layout_gravity是用來設定該view相對與起父view 的位置.比如一個button 在linearlayout裡,你想把該button放在靠左  靠右等位置就可以通過該屬性設定.