在 Flex 中创建自定义组件时使用图像

Question

对于我基于 AIR 的应用程序，我尝试创建一个基于画布的自定义组件，其中包含图像（如下所示）。

<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="100" height="100" cornerRadius="5" borderStyle="solid" borderThickness="2" dropShadowEnabled="true" borderColor="#EDEDE8" dropShadowColor="#dddddd" shadowDistance="5" shadowDirection="center">
<mx:Script>
    <![CDATA[
        public var path:String = "";
    ]]>
</mx:Script>
<mx:Image id="tileImage" maintainAspectRatio="false" buttonMode="true" useHandCursor="true" source="{path}" width="100%" x="0" height="100%" y="0"/>
<mx:Canvas left="3" top="3" bottom="3" right="3" borderStyle="solid" cornerRadius="5" borderThickness="1" borderColor="#EDEDE8" alpha="0.75">
</mx:Canvas>

我将图像的源与公共变量路径绑定。当我尝试将此组件放入我的主 mxml 文件中（如下所示）并提供其“路径”时，我无法看到自定义组件中加载的任何图像。它仍然是空白的。

var component:MyCustComponent = new MyCustComponent();
component.path = 'path/to/image.jpg';
addChild(component);

作为解决方法，我尝试在自定义组件中的画布上添加一个creationComplete侦听器，并用于给出 titleImage.source = this.path 。这使它可以正常工作，但如果我必须不断更改图像或使用某些异步调用获取图像的路径，这对我没有帮助。所以，我想知道是否有任何替代方法可以解决这个问题。 谢谢！！

Answer 1

看起来您只是缺少路径的可绑定元标记。对于您的路径声明，请尝试：

[Bindable]
public var path:String;