Flex 4 Application Skin - создание нижнего колонтитула - PullRequest
Новая
       28

Flex 4 Application Skin - создание нижнего колонтитула

1 голос
/ 23 июля 2010

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

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

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

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

[EDIT] * * тысячу двадцать-один

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

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

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

Ответы [ 2 ]

1 голос
/ 23 июля 2010

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

<?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. Чтобы полосы прокрутки оставались в основной области содержимого, ваш основной компонент может наследоваться от скроллера, а не от группы. Надеюсь, это поможет.

0 голосов
/ 23 июля 2010

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

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

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

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

...