Flex 4 Application Skin - Создать нижний колонтитул

Question

Я пытаюсь создать скин для своего приложения в Flex 4. Я начал с редактирования оболочки каркаса приложения, найденной по адресу /flex4-sdk-folder/frameworks/projects/wireframe/src/spark/skins/wireframe/

Мне нужна кожа при подаче заявки, должна содержать заголовок, область содержимого и нижний колонтитул. Я установил controlBar, видимый в состоянии, так что он служит для заголовка.

Я пытался добавить Rect внутри contentGroup, но его не подходит.

Мой вопрос: как я могу добавить нижний колонтитул к своей коже, чтобы при применении он всегда показывал раздел внизу моего приложения независимо от высоты содержимого в contentGroup?

[EDIT]

Я пытаюсь создать колонтитул, похожий на тот, видели на http://www.adobe.com/devnet/flex/tourdeflex/web/#illustIndex=0;sampleId=0;docIndex=0

Я просто хочу, чтобы исправить этот колонтитул независимо от содержания внутри страницы и должны быть частью Application skin.Even, если в приложении появится полоса прокрутки, нижний колонтитул должен находиться только в нижней части окна браузера.

Просьба представить свои ценные материалы и предложения.

Answer 1

Я не рекомендую редактировать кожу при появлении в позиции. Я считаю, вам придется перекомпилировать полную структуру для этого скина, чтобы появиться где угодно; но любой, кто использует кэшированную структуру, не увидит этого.

Вы можете скопировать этот файл в свой проект и изменить его оттуда. Затем установите свойство skinClass вашего тега приложения на новую копию скина.

Чтобы добавить нижний колонтитул в нижней части приложения, вы можете использовать ControlBar или ApplicationControlBar, а свойство dock установлено в false. После этого он просто позиционирует его.

Вы также можете создать свой собственный компонент нижнего колонтитула и поместить его в нижней части приложения, чтобы действовать как нижний колонтитул.

Answer 2

я обычно делаю что-то вроде этого, чтобы получить верхнюю и нижние колонтитулы в мое приложение:

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

На самом деле я обычно немного фантазера и положить три группы в свои собственные компоненты; Нижний колонтитул, заголовок и главный. Это можно сделать, создав скины для компонентов верхнего колонтитула и нижнего колонтитула. Чтобы сохранить полосы прокрутки в основной области содержимого, вы можете наследовать свой основной компонент из скроллера вместо группы. Надеюсь, это поможет.