UI 元素获取方法返回 NAN Titanium

Question

我对钛 3.5.0 有疑问。当我想使用 getWidth 或 getTop 之类的方法根据布局中的前一个元素定位我的 ui 元素时，我得到 Nan 并且在控制台中我收到一条警告：

请求的维度值 (nan) 无效。而是使维度未定义。

我有scrollview，我想将我的物品放入其中，所以我做了什么
这是我的滚动视图代码

var scrollView = Ti.UI.createScrollView({
    contentWidth: 'auto',
    contentHeight: 'auto',
    backgroundColor:'#fff',
    showVerticalScrollIndicator: false,
    showHorizontalScrollIndicator: false,
    height:"100%",
    width: "100%",
    top:36.6
});  

和scrollableview代码

var view = Ti.UI.createView({
      backgroundColor:'#fff',
      borderRadius: 0,
      height: 2000,
      width: Ti.UI.FILL
    });

然后我开始在视图中添加我的 ui 元素

var type =Ti.UI.createLabel({
    text:"Type",
    color:label_color,
    right:207,
    left:label_p_l,
    font:{ fontFamily: customfont,fontSize:17},
    top:37.5

});   
var p_name=Ti.UI.createLabel({
    text:"Property Name",
    color:label_color,
    left:label_p_l,
    font:{ fontFamily: customfont,fontSize:17},
    top:type.getTop()+label_h+32
});

所以现在它工作得很好，因为 type 有一个数值，甚至我以这种方式添加了另外三个元素，之后一切都完美地工作了
我已经添加了这样的第 4 个元素，现在当我开始获取 Nan 时。

var space_Slider = Titanium.UI.createSlider({
         top:space.getTop()+space.getHeight()+15,
         min:0,
         max:1000,
         value:0,
         height:4,
         backgroundColor:"#fff",
         leftTrackImage:'/images/slider_color.png',
         rightTrackImage:'/images/slider_color.png',
         thumbImage:'/images/slider.png',

    });

现在space.getTop() 开始返回 Nan

任何想法如何解决这个问题？

Answer 1

发生这种情况是因为您没有将宽度/顶部指定为数字数据类型，而是指定为字符串。 "100%"、"15dp" 等

getWidth() 返回数值数据类型IFF您在构造元素或调用 setter 方法时将数值传递给宽度参数。

此外，如果您在构建元素期间未指定宽度/顶部参数，它们将不会返回任何内容。

要获取元素的尺寸，您需要将它们添加到一些容器/父视图和postlayout 所有元素。完成后，您可以要求这样的尺寸：

element.size.width