Titanium SDK 2.0.1提前公布 發布新UI布局系統
4月18日,Titanium SDK 2.0.1提前公布。Titanium SDK 2.0.1發布新UI布局系統,過去幾個月Appcelerator一直在努力完善這個功能,你會發現這個版本,會像Appcelerator的開發人員一樣興奮不已。
布局屬性:
width:寬度
height:高度
left:左邊距(水平布局)
right:右邊距(水平布局)
top:上邊距(垂直布局)
bottom:底邊距(垂直布局)
center:居中
layout:布局方式,有三種方式垂直、水平、混合。 默認為混合模式。混合模式其實就是絕對定位的意思。
zIndex: 層疊。數值高的在上,數值低的在下。如果沒有設置這個數值,最早的組件將會被后面的組件覆蓋。
size:視圖大小
rect:用于確定視圖的大小和位置
視圖類型和默認布局行為
早期的版本中使用值'auto'控制高度和寬度,根據組件大小自適應,但在***版本的SDK中,auto就不好用了,那我們就直接不用了。建議從SDK2.0開始都不用了吧
那auto的替代值是什么呢?
有兩個新值:Titanium.UI.FILL 和 Titanium.UI.SIZE
視圖組件是在邏輯上分成三類:
1、視圖組件默認將自動填充父視圖
2、視圖組件默認根據他們的大小自適應尺寸
3、視圖組件將填充方式為水平
window組件默認填充整個屏幕
自適應大小的視圖組件有(Ti.UI.SIZE)
Label
ImageView
ProgressBar
Switch
TextArea
TextField
Picker
ButtonBar
TableViewSection
自動填充的視圖組件有(Ti.UI.FILL)
View
TabGroup
VideoPlayer
TableView
WebView
ScrollView
ScrollableView
自動填充寬度
Slider
TableViewRow
Toolbar
SearchBar
這幾個視圖組件如果你想要達到以前的auto效果,請分別這樣使用,寬度-->Fill,高度-->Size