Пользовательская форма панели / форма в Flex

Question

То, что я пытаюсь сделать, - это создать необычную пользовательскую панель входа в систему. Его функции и содержащие компоненты должны быть достаточно стандартными, как и в обычной панели входа в систему - FormItem, TextInput, Validators и т. Д. Я провел небольшое исследование и обнаружил, что можно создавать скины с помощью Fireworks, однако это не решает мою проблему, поскольку не позволяет мне манипулировать с формой панели. Как лучше всего это сделать?

Answer 1

Я бы сделал следующее:

1. Экспорт ресурса из Fireworks в формате PNG с соответствующей прозрачностью
2. Добавьте ресурс в ваше приложение и предоставьте соответствующие координаты Scale9
3. Ссылка на встроенный ресурс как стиль "borderSkin" для вашей Panel.

Вот пример этого для TitleWindow, который является подклассом Panel, поэтому должен применяться тот же подход:

http://butterfliesandbugs.wordpress.com/2008/02/15/using-a-border-skin-for-a-titlewindow-in-flex-3/

Answer 2

Я бы порекомендовал использовать Degrafa framework для чего-то подобного. Вы можете программно влиять на скин вашего компонента во время выполнения, чтобы изменить его форму.

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

Answer 3

Я бы согласился с Джоэлом, Degrafa - это путь для создания всех пользовательских скинов и т. Д. Если это не удастся (поскольку это является дополнительным препятствием для понимания), я бы выдумал, что вместо использования Panel будет использоваться Canvas. Расширьте класс Canvas и сделайте его похожим на любую фигуру, которую вы пытаетесь создать. Установите альфа-фон фона холста на 0, затем добавьте нужные фигуры. Используя этот подход, вам, возможно, придется дублировать то, что может делать панель, чего не могут Cavnas, но вы сможете настроить внешний вид.