动态加载图像的AS3 Flex不允许图像的ID

Question

我需要动态加载一些图像（4-6），以便通过单击特定图像用户可以调用特定操作。 嵌入图像可以解决该问题，但要以文件大小为代价。 如果我动态加载它们，它们将丢失其ID。

<comps:ExercisesScroller id="scroller" x="300" y="100"
        ex1="@Embed(source='assets/Exerc_1.png')" 
        ex2="@Embed(source='assets/Exerc_2.png')"/>

以此类推。 但是在CDATA中实例化它不起作用：

import components.ExercisesSCroller;
private var custScroller:ExercisesScroller;
private function init():void {
    custScroller = new ExercisesScroller();
    this.addElement(custScroller);
    custScroller.ex1 = "@Embed(source='assets/Exerc_1.png')";
}

我认为这应该是一件微不足道的任务，但到目前为止我还无法解决。

Answer 1

您不能以这种方式使用@Embed。 init()函数的最后一行应该是这样的：

custScroller.ex1.source = "http://my.server.com/images/theRealImage.png";

这可能需要一些调整，因为我不知道您的ExercisesScroller组件的内部结构是什么样。 例如，您可能只需要将URL作为字符串属性，并在组件内部添加代码以将更改应用于内部图像。

编辑 ：顺便说一句，我很困惑为什么上面的代码没有使用URL来引用替换图像。 就像您显示的那样，相对路径假定文件已经是本地文件，但是您说在确定用户需要它们之前，不希望将它们下载到最终用户的计算机上。 提供这样的URL可达到所需的结果：只有在更改图像的source属性后，图像才会下载。