Question

我正在尝试为Flex 4中的Application创建一个外观。我开始编辑在 / flex4-sdk-folder / frameworks / projects / wireframe / src / spark / skins /中找到的Application线框外观。线框/

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

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

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

[编辑]

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

的页脚

我只是想修改这个页脚而不管页面内的内容是什么，应该是Application skin的一部分。即使应用程序中出现滚动条，页脚也应该位于浏览器窗口的底部。

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

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>

实际上我通常会得到一点点发烧友，并将三个小组放入他们自己的组件中;页脚，标题和主要。您可以通过为页眉和页脚组件创建外观来进一步完成此操作。要将滚动条保留在主内容区域中，可以让主组件继承自Scroller而不是Group。希望有所帮助。

Answer 2

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

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

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

您还可以创建自己的页脚组件，并将其放置在应用程序的底部，以像页脚一样运行。

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

2 个答案: