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

Question

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

结果看起来非常像Panel，只是它在标题中有按钮，内容区域将由我添加的MXML参考填充。

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

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

问候。 Heramb

Answer 1

所有这一切都可以通过创建自定义皮肤来完成。根据您的描述，您似乎想要为ViewNavigatorApplication或TabbedViewNavigatorApplication创建自定义皮肤，或者沿着这些行创建其他内容。还有spark.skins.mobile.SkinnableContainerSkin，它可用于为SkinnableContainer类设置外观，该类是您可以开始使用的最常用的容器。但既然你说你的目标是移动设备，我猜你会想要为应用程序设计。

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

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

有关Skinning for mobile的更多参考：

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

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

官方使用Flex 4.5参考中的
• Skinning Spark Containers部分。
• Day 5 of the Flex in a Week Series
中有关换肤的视频

注意

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