为 Flex 移动应用程序创建自定义面板容器

Question

我正在尝试在 MXML 中创建一个组件，它应该允许我在其中添加一个 MXML。

结果看起来很像一个面板，只是它在标题中有按钮，内容区域将由我添加的 MXML 引用填充。

在手机/​​平板电脑上，我希望能够在我的视图中显示多个表单、数据或图表。

请指导我如何做到这一点。

问候。香草

Answer 1

所有这些都可以通过创建自定义皮肤来完成。根据您的描述，您可能想要为ViewNavigatorApplication 或TabbedViewNavigatorApplication 或其他类似的东西创建自定义皮肤。还有spark.skins.mobile.SkinnableContainerSkin，可用于对 SkinnableContainer 类进行皮肤处理，这是您可以开始使用的最通用的容器。但既然你说你的目标是移动设备，我猜你会想要为应用程序设计皮肤。

Jason SJ 有一个关于制作自定义 TabbedViewNavigatorApplicationSkin 的教程：Video: How to Skin a TabbedViewNavigatorApplication

即使您不想要选项卡式视图，其他应用程序模型的皮肤也应该类似。

有关移动设备换肤的更多参考：

• Jason SJ 有一个三部分教程：Flex Mobile Skins
• 官方参考“使用 Flex 开发移动应用程序”中的 Skinning 章节

另外，如果您完全不熟悉 Flex 容器的蒙皮，我建议您先了解 Flex 4 蒙皮架构。在这种情况下，请查看：

• 官方 Using Flex 4.5 参考中的Skinning Spark Containers 部分。
• Day 5 of the Flex in a Week Series 中有关剥皮的视频

注意

由于您的目标是移动设备，因此请确保您使用的是 spark.skins.mobile 软件包，而不是任何 Flex 4.1 或更早版本的皮肤，因为大多数不推荐用于移动设备。另外，不要使用 spark.components.Panel 类，因为它也不推荐。