2010-07-22 59 views
1

我正在尝试为我的应用程序创建一个皮肤在Flex 4中。我开始编辑在处找到的应用程序线框皮肤/ flex4-sdk-folder/frameworks/projects/wireframe/src /火花/皮肤/线框/Flex 4应用程序皮肤 - 创建页脚

我需要一个应用皮肤应提供一个标题,内容区域和页脚。 我设置controlBar正常状态中可见,以便它符合标题的目的。

我尝试添加矩形contentGroup的内,但它不来了。

我的问题是 - 我怎么可以添加一个页脚节我的皮肤,使应用时,总是显示在我的应用程序在contentGroup的底部不论内容高度的部分?

[编辑]

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

看到我只想无论在页面内的内容解决这个页脚页脚,并应成为其中的一部分应用程序皮肤。即使滚动条出现在应用程序中,页脚也应该位于浏览器窗口的底部。

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

回答

0

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

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

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

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

+0

在contentGroup外观部件之后添加了一个ApplicationControlBar。 \t \t \t \t \t 而且包括在主application.mxml内部与滚轮一个VGroup。它现在按照我的意图出现。谢谢! – jobinbasani 2010-07-23 23:10:23

+0

很高兴帮助! – JeffryHouser 2010-07-23 23:49:43

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> 

其实我通常会票友一点,把三组进入自己的组件;页脚,标题和主要。您可以通过为Header和Footer组件创建皮肤来进一步实现这一点。要保持主要内容区域中的滚动条,您可以让主要组件从Scroller而不是Group继承。希望有所帮助。

+0

很大的份额,不敢相信没有人给过一个荣誉。 – 2013-06-10 05:15:45