在Sencha Ext中浮动图像

Question

我需要使用extjs将多个浮动图像放在容器中。容器本身应具有拉伸至其尺寸的背景或其他图像。所有这些图像和背景图像都应该是动态可变的。

我设法通过包含在layout : {type: 'vbox', align: 'stretched'}容器项目中的简单Ext.image对象来创建背景图像。但我没有在其中添加浮动图像。

我尝试了floating: true属性，但结果是没有将元素添加到dom中。 还尝试在this topic之后向浮动属性添加属性，但没有成功。

在进一步阅读有关sencha的文件时发现，在sencha中漂浮的行为有所不同。它实际上隐藏了元素并通过ZIndexManager一次显示它们。这不是我的目标。

有没有其他方法可以让图像浮动在容器中，这也可以让我更改他们的src和容器中的位置。

Answer 1

事实证明，技巧不是使图像浮动，而是将容器的布局设置为绝对：

layout{
    type: 'absolute'
}

之后只需为每个元素设置x和y属性，如下所示：

var img = Ext.create('Ext.Img', {
    src: 'whatever.jpg',
    x: 100,
    y: 100,
});

他们漂浮着。如果您设置百分比字符串，这也有效：'20％'