Flex 4 Gumbo

в толковании Артемия Малкова

3 главных темы:

• Design in Mind • Developer Productivity• Framework Evolution

Design in Mind• Язык MXML 2009 нацелен на облегчения интеграции с

инструментальными средствами.

• Формат FXG – XML-описание графики, который расширяет возможности Flash Player, и используется в инструментах для описания различных графических ассетов, включая скины.

• Архитектура компонентов и скинов облегчает использование инструментов для скинования.

• Улучшение существующих характеристик, ориентированных на взаимодействие с пользователем, таких как states, transitions и layout.

Целевые приложения• Все приложения на Flex 3, например визуализация данных

или бизнес-приложения.

• Интерфейс для RIA средней сложности.

• Простой сайт, управляемый событиями, например, портфолио.

• Селектор / браузер простых элементов.

• Интерактивные виджеты.

Принцип Design in Mind• Интеграция новой функциональности (Gumbo) в

существующую модель компонентов (Halo)

• Размер конечных приложений такого же порядка, что и во Flex 3.

• Уменьшение размера и улучшение производительности.

Developer productivity• Производительность компилятора

• 2-сторонняя привязка данных (Binding)

• Поддержка automation в AIR

• Улучшения CSS: – множественные styleNames (разделённые пробелом),

– селекторы потомков и селекторы дочерних элементов,

– Id-селекторы.

Framework Evolution

• Фичи FlashPlayer 10

• Расширенные возможности работы с текстом

• Новый компонент работы с видео

• Модульный фреймворк ожидается в первой половине 2010 года

Ответы на вопросы

Новое в MXML

ЙQ:

A:

Что нового в MXML?

<Declarations> - невизуальные чайлды<Definition> - подкомпонент «налету»<Private> - design-time информация

http://opensource.adobe.com/wiki/display/flexsdk/MXML+2009

Работа с текстом

ЙQ:A:

Какие новые текстовые возможности?

TextBox: multiline + CSS форматTextGraphics: + разные форматы + разметка + внедренная графикаTextView: + гиперссылки + выделение + редактирование + прокрутка

http://opensource.adobe.com/wiki/display/flexsdk/Gumbo+Text+Primitives

Архитектура Gumbo

ЙQ:

A:

В чем ключевая особенность архитектуры Gumbo? В чем отличие от Halo?

Композиция логики и представления. Скин – это отдельный класс, отвечающий за всю отрисовку.

http://opensource.adobe.com/wiki/display/flexsdk/Gumbo+Component+Architecture

Базовые классы GumboЙQ:A:

Какие основные базовые классы Gumbo, за что они отвечают?

SkinnableComponent – базовый для логики компонентаSkin – базовый для скина компонентаGroup – базовый контейнер контента

http://opensource.adobe.com/wiki/display/flexsdk/Gumbo+Component+Architecture

Композиция логика+скинЙQ:A:

Как реализуется композиция логики и представления?

Потомок SkinnableComponent – это ActionSript-файл, содержащий модель и контроллерПотомок Skin – это MXML-файл, содержащий графику в FXG / ассетах и интерфейсную логику

http://opensource.adobe.com/wiki/display/flexsdk/Gumbo+Skinning

FXG и SVG

ЙQ:

A:

FXG – это то же, что SVG?

FXG – это другая спецификация. В ней есть ряд вещей характерных для Flash: фильры, текст, транзишены

http://opensource.adobe.com/wiki/display/flexsdk/FXG+1.0+Specification

FXG и Degrafa

ЙQ:

A:

FXG – это то же, что Degrafa?

Degrafa учитывается при разработке FXG. И вообще Flex SDK – это openSource

http://opensource.adobe.com/wiki/display/flexsdk/FXG+1.0+Specification http://samples.degrafa.com/DataRenderer/DegrafaDataRenderer.html

Стейты в Gumbo

ЙQ:A:

В чем отличие стейтов в Halo и Gumbo?

Halo: xml-инструкция описывающая отличие от базового стейта

Gumbo: декларативное описание вхождения объекта в стейт.

http://opensource.adobe.com/wiki/display/flexsdk/Enhanced+States+Syntax

Group – контейнер контентаЙQ:A:

Зачем нужны группы (Group)?

Группа содержит контент (content), который может быть визуальным объектом, данными или их коллекцией. Визуальные объекты добавляются в контейнер как дочерние (children). Для данных создаются ItemRenderer-ы.

http://opensource.adobe.com/wiki/display/flexsdk/Gumbo+Group+Specification

Новый механизм LayoutЙQ:

A:

Можно ли построить собственный нестандартный лейаут?

ILayout – расставить элементыILayoutItem – ограничения, желаемые размеры, соотношение высоты и ширины и т.д.

http://opensource.adobe.com/wiki/display/flexsdk/Gumbo+Layout

Контролы Gumbo

ЙQ:A:

Какие компоненты будут в Gumbo?

ApplicationButtonCheckBox / RadioButtonListPanelScrollBarSliderSpiner / NumericStepperTextInput / TextArea

Релиз Flex 4 Gumbo

ЙQ:A:

Ну когда же!!!???

Вторая половина 2009Бета будет в конце 2008 года

Ваши вопросы

ЙQ:A:

/* place your question here */

/* override this */