如何将图像放在appcelerator中的单个列中

Question

我在appcelerator中有以下简单代码.我试图将2张图像放在另一张下面.其实我有10个 - 我正在努力做到

image
newline
image
newline
image

• Appcelerator Studio,版本:4.5.0.201602170821
• SDK 5.2.0

码

var win1 = Titanium.UI.createWindow({  
    backgroundColor:"yellow"
});

var imga = Titanium.UI.createImageView ({
    image: "/png/a.png",
    top: "10px",
    });

var imgb = Titanium.UI.createImageView ({
    image: "/png/b.png",
    top: "20px",

    });

win1.add(imga); 
win1.add(imgb); 
win1.open () ;

当我在ipad模式下运行时,图像在彼此之上.如何将它们放在单个文件列中？

谢谢

Answer 1

默认情况下,Window的布局是复合的.这意味着你必须定义子元素的坐标.例如,如果你的a.png是40高度,你必须将imgb的top属性定义为:top: 50(10 top imga + 40 height imga).您还可以使用layout : vertical相互显示您的子元素.

你不应该使用px,但dp还是%

我建议你阅读这个文档:http://docs.appcelerator.com/platform/latest/#!/guide/Layouts,_Positioning,_and_the_View_Hierarchy