为大量图像设置 Flex / AIR 项目结构？

Question

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

人们对分割项目和库以使编译时间最短且图像易于替换有什么建议？

Answer 1

我想到了几个策略：

• 将资产从内联 [Embed] 语句外部化为使用 CSS 文件。
• 将 CSS 配置为编译为单独的 SWF，并在运行时加载它。这应该可以最大限度地减少编译器在正常编译过程中执行的 PNG 编码量。
• 如果这仍然不够加快速度（我发现增量编译器有时会混淆并重新编码嵌入的资产，从而降低编译器速度），请将 CSS 文件完全移到单独的项目中。

此选项更可取，因为在运行时加载图像可为您的多屏项目提供更好的灵活性。

或者：

• 如果由于某种原因不能使用 CSS，请将 [Embed] 从主项目移至单独的 SWC 项目，并将它们嵌入到类中。
• 将 swc 添加为依赖项目
• 通过类引用资产。

例如：

// 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"} />