1

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

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

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

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

[编辑]

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

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

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

4

2 回答 2

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。希望有帮助。

于 2010-07-23T00:31:12.767 回答
0

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

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

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

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

于 2010-07-23T00:49:58.543 回答