如何使用 flex 将图像作为图标动态加载到 TileList 中？

Question

好的，我已经创建了一个自定义渲染：

<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"
  horizontalAlign="center"
  verticalAlign="middle"
  width="100"
  height="100">
  <mx:Script>
    <![CDATA[
      [Bindable]
      private var fileLabel:String;

      [Bindable]
      private var fileIcon:Class;

      override public function set data(value:Object):void{
        fileLabel = value.label;
        fileIcon = value.file.url;
      }
    ]]>
  </mx:Script>
  <mx:Image source="{fileIcon}" />
  <mx:Label text="{fileLabel}" />
</mx:VBox>

我想将其用于照片库，其中包含拖放到 TileList 上的图像。我有那部分，但我似乎无法让图标工作。

Given: value 是 File 类的一种包装器。我想将 mx:Image 源设置为需要为 Class 类型的东西。使用 nativePath 或 url 会给我一个转换错误。我在网上看到了大量使用 XML 和“嵌入（/url/to/img.jpg）”之类的示例。我向你保证，如果你给我其中一个例子（使用静态图像），我会给你投反对票。这不是我在这里寻找的东西！

Answer 1

这不起作用的原因是fileIcon 属性的类型是Class。如果您打算像工厂一样使用它，通常只需要一个类型为 Class 的对象，并用它创建该类的实例。当您使用[Embed] 元数据时，您向编译器指示它应该将指定的资产嵌入到 SWF 中，并生成一个 Class 来充当可以代表该资产的出售对象实例的工厂。但是，正如您在发布此问题之前已经发现的那样，[Embed] 的问题是您需要对引用进行硬编码，它不允许您在运行时提供值（因为编译器需要逐字嵌入资产, 在编译时)。

幸运的是，mx:Image.source 是一个非常灵活的属性，它也接受字符串（尽管大多数文档都演示了将它与嵌入式资产一起使用）。只要 Flex 应用程序能够加载资源，您就可以提供一个字符串类型的 URL 作为source。

将fileIcon 的类型更改为字符串，并验证value.file.url 实际上是您的应用程序可以加载的图像的URL。 （您可以通过将此 URL 硬编码到 mx:Image 的 source 属性中来测试。）