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