css - 为大量图像设置 Flex/AIR 元素结构？

Question

我们在 Flex 4.5.1 和 AIR 2.7 中构建原型(prototype)和演示应用程序以供移动和桌面使用。这些往往涉及大量全屏 .PNG 文件。最近，我们一直在寻找将代码分段以实现灵 active 和多屏幕重用的方法。

人们对分割元素和库有什么建议，以便编译时间最短并且图像易于替换？

Answer 1

我想到了几个策略:

• 将 Assets 从内联 [Embed] 语句外部化为使用 CSS 文件。
• 将 CSS 配置为编译为单独的 SWF，并在运行时加载它。这应该最大限度地减少编译器在正常编译过程中进行的 PNG 编码量。
• 如果仍然不能加快速度(我发现增量编译器有时会混淆并重新编码嵌入式 Assets ，从而降低编译器速度)，请将 CSS 文件完全移至一个单独的元素。

此选项更可取，因为在运行时加载图像可为您在多屏元素中提供更大的灵 active 。

或者:

• 如果出于某种原因无法使用 CSS，请将您的 [Embed] 从您的主元素移至单独的 SWC 元素，并将它们嵌入到类中。
• 将 swc 添加为依赖元素
• 通过类引用 Assets 。

例如:

// assets-project/src/Images.as
public class Images {
    [Embed('/assets/img/defaultAvatar.png')]
    public static var defaultAvatar:Object;
}


// main-project/src/SomeView.mxml
<s:BitmapImage source="{Images.defaultAvatar"} />