Flex 4 应用程序皮肤 - 创建页脚

Question

我正在尝试在 Flex 4 中为我的应用程序创建皮肤。我开始编辑位于 /flex4-sdk-folder/frameworks/projects/wireframe/src/spark/skins/ 的应用程序线框皮肤线框/

我需要一个皮肤在申请时应该提供一个页眉、内容区域和一个页脚。 我将 controlBar 设置为在 normal 状态下可见，以便它用于标题的目的。

我尝试在 contentGroup 中添加一个 Rect，但它没有出现。

我的问题是 - 如何在我的皮肤中添加页脚部分，以便在应用时，无论 contentGroup 中内容的高度如何，它始终在我的应用程序底部显示一个部分?

[编辑]

我正在尝试创建一个类似于http://www.adobe.com/devnet/flex/tourdeflex/web/#illustIndex=0;sampleId=0;docIndex=0 的页脚

我只想修复此页脚而不考虑页面内的内容，并且应该是应用程序皮肤的一部分。即使应用程序中出现滚动条，页脚也应该位于浏览器窗口的底部。

请提供您宝贵的意见和建议。

Answer 1

我通常会做这样的事情来在我的应用程序中添加页眉和页脚：

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx">
    <s:layout>
        <s:VerticalLayout gap="0"/>
    </s:layout>
    <s:Group id="header" width="100%" height="28">
        <s:Rect left="0" right="0" top="0" bottom="0">
            <s:fill>
                <s:SolidColor color="0xcccccc"/>
            </s:fill>
        </s:Rect>
        <s:Label horizontalCenter="0" verticalCenter="0" text="I'm a Header"/>
    </s:Group>
    <s:Group id="mainContent" width="100%" height="100%"/>
    <s:Group id="footer" width="100%" height="28">
        <s:Rect left="0" right="0" top="0" bottom="0">
            <s:fill>
                <s:SolidColor color="0xcccccc"/>
            </s:fill>
        </s:Rect>
        <s:Label horizontalCenter="0" verticalCenter="0" text="I'm a Footer"/>
    </s:Group>
</s:Application>

其实我一般会比较花哨，把三个Group放到各自的组件里；页脚，页眉和主要。您可以通过为 Header 和 Footer 组件创建外观来进一步实现这一点。要将滚动条保留在主要内容区域，您可以让 Main 组件继承自 Scroller 而不是 Group。希望对您有所帮助。

Answer 2

我不建议编辑显示在该位置的皮肤。我相信您必须重新编译该皮肤的完整框架才能显示在任何地方；但任何使用缓存框架的人都看不到它。

不过，您可以将该文件复制到您的项目中，然后从那里进行编辑。然后将您的应用程序标签的 skinClass 属性设置为您的新皮肤副本。

要在应用程序底部添加页脚栏，您可以使用 ControlBar 或 ApplicationControlBar 并将 dock 属性设置为 false。之后它只是定位它。

您还可以制作自己的页脚组件并将其放置在应用程序的底部以充当页脚。