当图像未填充为<mx：image> </mx：image>分配的空间时，将图像对齐到底部

Question

我的图片没有填充<mx:Image>标签，因为它不是确切的尺寸（它太短）而我将maintainAspectRatio设置为true：

<mx:Image id="theImage"
          source="{data.photo_thumb}"
          horizontalCenter="0"
          verticalCenter="0" 
          width="100%"
          height="100%"
          bottom="0"
          maintainAspectRatio="true"/>

<mx:Image>标记具有固定的宽度和高度（它是图块大小的100％ - 这是在ItemRenderer中）。如何让图片位于<mx:Image>标记的底部？

Answer 1

verticalAlign="bottom"

有时我会在Box es中放置图像以实现更好的控制。

Answer 2

有些事情会浮现在脑海中。首先，您将maintainAspectRatio设置为true。这意味着将始终保持Image的纵横比;因此，即使有高度和宽度，它也可能永远不会填满为i分配的整个空间。因此，使图像填充整个空间的简单方法是将maintainAspectRatio设置为false。不过，我认为这并不能解决你的问题。

  

如何让图像坐在上面   标签的底部？

我认为你不能将Image定位在Image标签中，尽管另一张海报提到了使用verticalAlign风格;如果有效的话会很棒。

我要做的是将图像放在容器内。从概念上讲，这样的事情应该有效：

<Container id="myContainer">
 <mx:Image id="myImage" y="{myContainer.height=myImage.height}" />
</Container>

但是，请注意在渲染器中使用数据绑定。它通常会导致性能下降。