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