Как изменить высоту строки заголовка spark.components.Panel? - PullRequest
0 голосов
/ 26 марта 2012

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

Компонент, который я использую, это spark.components.Panel. Я просто не могу найти свойство этого компонента «Панель» для изменения функции.

Есть предложения?

1 Ответ

1 голос
/ 26 марта 2012

Вы не можете сделать это с помощью стиля;вам придется создать собственный скин.Чтобы сделать это во Flash-Builder: щелкните правой кнопкой мыши в дереве проекта на пакете, в котором вы хотите создать свой скин.Выберите «New», затем выберите «MXML Skin».Заполните мастера и выберите сделать копию PanelSkin.Это скопирует весь код обложки спарк-панели по умолчанию в ваш пользовательский класс обложки, и теперь вы можете начать настраивать его по своему желанию.

Найдите группу под названием topGroup: она содержит все элементыверхняя часть компонента Panel.Вы можете поэкспериментировать с этим, как хотите, но самый простой ответ на ваш вопрос - найти метку с названием «titleDisplay».

<s:Group id="topGroup" mask="{topGroupMask}">

    <!-- some other elements -->

    <s:Label id="titleDisplay" maxDisplayedLines="1"
             left="9" right="3" top="1" bottom="0" minHeight="30"
             verticalAlign="middle" textAlign="start" fontWeight="bold">
    </s:Label>

    ...

Видите ли вы свойство minHeight?Это тот, который определяет высоту строки заголовка.Просто дайте ему еще немного, и вы готовы к работе.

Вы можете применить свой скин таким образом:

<s:Panel skinClass="path.to.my.CustomPanelSkin" />
...