Back

titanium api: view size & position (大小和位置)

发布时间: 2015-01-08 05:58:00

对于VIEW,

一般来说有:

使用 top, left, right, bottom 来确定 位置

使用 width, height 来确定大小。它们

有三个可能的值:

1. Titanium.UI.FILL:  应该填满它的上级div

2. Titanium.UI.SIZE   应该根据内部的TEXT进行调整。 

3. 不建议使用 'auto' , 这个参数会根据情况的不同(处于不同的UI中)发生变化,在将来这个参数会被废弃. 

上述6个属性,都能使用 %, 例如: width: 30%, left: 20%

这些属性的解释,有赖于 view的 layout属性。

在android 和 ios中,下面四个属性是可以访问的,它们跟 VoiceOver(ios) 和 TalkBack(android)相关。

accessibilityLabel
accessibilityValue
accessibilityHint
accessibilityHidden : 设置了该属性后,对应的view就会被 辅助程序所忽略。

IOS: backgroundLeftCap , backgroundTopCap两个属性,

用来指定 IOS中某个 backgroundImage 不可以被调整。 ?

IOS:clipping操作

支持如下四种属性:

viewShadowRadius
viewShadowColor
viewShadowOffset
clipMode

前三个都是设置 clipping时候的外观。第四个设置该元素被clip时的状态。例如:Titanium.UI.iOS.CLIP_MODE_ENABLED 等。

几个例子:

建立一个 圆角view: ( 在controller中)

var view = Titanium.UI.createView({
   borderRadius:10,
   backgroundColor:'red',
   width:50,
   height:50
});
window.add(view);

或者在XML中:

<Alloy>
    <View id="view" borderRadius="10" backgroundColor="red" width="50" height="50" />
</Alloy>

Back