2010-07-22 62 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