RIA crumbs.

Тед Патрик недавно написал о различных новостях от Adobe, в том числе и о Flex Skin Design Extension. Которое должно облегчить жизнь дизайнерам при создании скинов для Flex приложений. Плагин идет под Photoshop, Flash, Illustrator и под FireWorks.

Общая логика – это предоставление набора шаблонов базового внешнего вида Flex компонент, взятых из стандартной темы AeonGraphical, поставляемой с Flex 3, которые путем простого редактирования можно превратить в кастомные скины.

Попытаюсь кратко рассказать про extension под Photoshop и Flash (все CS3).

Итак, начнем с Flash. Extension поставляется в виде mxp файла, установка которого не составляет больших проблем. Благо инсталлируя продукты линейки CS3 помимо самих продуктов, мы получаем еще кучу нужных и не очень штук, в числе нужных – Adobe Extension Manager.

После запуска Flash CS3 на splash screen в разделе “Create From Template” появляется выбор Flex Skins. В котором можно выбрать скин по видам виджетов.

Выбрав интересующий скин, создается новый Flash CS3 документ, в котором уже все готово для редактирования, и все довольно приятно разнесено по папочкам в библиотеке. Осталось только изменить то что нам требуется. Scale-9 учтен.

Итогом работы станет SWC , содержащий измененый нами скин. При паблише есть галочка Export SWC, выбрана по умолчанию. Импортируем нашу SWC в проект (File->Import..->Skin Artwork), мы получаем уже отскинованые компоненты. То есть, в нашем случае скролбары будут выглядеть, так как мы над ними поиздевались, без указания стилей и прочего.

Обзор как все сделать используя Flex Skin Design Extension и Photoshop будет во второй части.