Appcelerator Titanium:自动控制视图的高度和顶部

问题描述:

var Section1 = Titanium.UI.createView({ 
    top:0, 
    height: 'auto', 
}); 


var Section2 = Titanium.UI.createView({ 
    top:0, 
    height: 'auto', 
}); 

我有两个视图,这两个视图有一些按钮和TextField来源于图像。我怎样才能控制第2部分,当它的高度增加时,它不会重叠第1部分视图。Appcelerator Titanium:自动控制视图的高度和顶部

我不知道是否有更好的方法,但是我最近一个类似的问题,这是我初步解决,像这样

var Section1 = Titanium.UI.createView({ 
    top:0, 
    height: 'auto', 
}); 

// Add other views to Section1 

var Section2 = Titanium.UI.createView({ 
    top: Section1.toImage().height, 
    height: 'auto', 
}); 

我觉得你的情况高度将只有后您准确”已经添加了你的其他视图和对象。

+0

@ bh88的答案是更好的,更少的codebloat。 – Julian 2012-01-19 12:50:20

+1

仅供参考,从TiSDK 2.x版开始,大小属性的'auto'值已被弃用。 – 2013-11-08 21:37:51

如果直接将您的意见,以Ti.UI.currentWindow那么你可以只设置Ti.UI.currentWindow以“垂直”和布局的高度会自动调整

Ti.UI.currentWindow.layout = 'vertical'; 
+1

有垂直或水平布局模式的复杂视图存在潜在的性能问题。我已经结束了重新编码我的应用程序使用具有特定左侧和顶部设置的复合视图。 – jkopel 2012-11-27 17:57:12

Ti.UI.createView({ 
      layout : 'vertical', 
      height : Ti.UI.SIZE 
});