Как изменить высоту заголовка spark.components.Panel?

Question

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

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

Любые предложения?

Answer 1

Вы не можете сделать это путем стилизации; вам нужно создать собственный скин. Чтобы сделать это в Flash-Builder: щелкните правой кнопкой мыши в дереве проекта на пакете, где вы хотите создать свой скин. Выберите «Создать», затем выберите «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" />