代码之家 › 专栏 › 技术社区 › jobinbasani

flex 4应用程序外观-创建页脚

flex4 flash-builder skinning flex

1

jobinbasani · 技术社区 · 14 年前

我正在尝试为我在flex 4中的应用程序创建一个皮肤。我开始编辑在 /flex4 sdk文件夹/frameworks/projects/wireframe/src/spark/skins/wireframe/

我需要一个皮肤在申请应该提供一个标题,内容区和一个页脚。我设定 控制棒 可见于 正常的 说明以满足标题的目的。

我试图添加 直肠切除术 里面 内容组 但它不会出现。

我的问题是-我如何在我的皮肤上添加页脚部分,以便应用时,它总是在我的应用程序的底部显示一个部分,而不管应用程序中内容的高度如何。 内容组 ?

[编辑]

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

我只想修复这个页脚,不管页面中的内容如何,它应该是应用程序外观的一部分。即使应用程序中出现滚动条,页脚也应该位于浏览器窗口的底部。

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

2 回复 | 直到 14 年前

1

0

JeffryHouser 14 年前

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

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

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

您也可以制作自己的页脚组件,并将其放置在应用程序的底部,以起到页脚的作用。

2

1

Wade Mueller 14 年前

我通常这样做是为了让我的应用程序有一个页眉和页脚:

<?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>

事实上,我通常会有点幻想,把这三个组放进它们自己的组件中:页脚、页眉和主要部分。您可以通过为页眉和页脚组件创建外观来进一步了解这一点。要将滚动条保留在主内容区域中,可以让主组件从滚动条继承而不是从组继承。希望有帮助。