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

3 главных темы: Design in Mind Developer Productivity Framework Evolution

Design in Mind

Developer Productivity

Framework Evolution

Design in Mind Язык MXML 2009 нацелен на облегчения интеграции с инструментальными средствами . Формат FXG – XML-описание графики, который расширяет возможности Flash Player, и используется в инструментах для описания различных графических ассетов, включая скины. Архитектура компонентов и скинов облегчает использование инструментов для скинования. Улучшение существующих характеристик, ориентированных на взаимодействие с пользователем, таких как states, transitions и layout .

Язык MXML 2009 нацелен на облегчения интеграции с инструментальными средствами .

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

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

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

Целевые приложения Все приложения на Flex 3, например визуализация данных или бизнес-приложения. Интерфейс для RIA средней сложности. Простой сайт, управляемый событиями , например, портфолио. Селектор / браузер простых элементов . Интерактивные виджеты .

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

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

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

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

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

Принцип Design in Mind Интеграция новой функциональности (Gumbo) в существующую модель компонентов ( Halo) Размер конечных приложений такого же порядка, что и во Flex 3 . Уменьшение размера и улучшение производительности.

Интеграция новой функциональности (Gumbo) в существующую модель компонентов ( Halo)

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

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

Developer productivity Производительность компилятора 2-сторонняя привязка данных ( Binding ) Поддержка automation в AIR Улучшения CSS : множественные styleNames (разделённые пробелом), селекторы потомков и селекторы дочерних элементов, Id- селекторы.

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

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

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

Улучшения CSS :

множественные styleNames (разделённые пробелом),

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

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

Framework Evolution Фичи FlashPlayer 10 Расширенные возможности работы с текстом Новый компонент работы с видео Модульный фреймворк ожидается в первой половине 2010 года

Фичи FlashPlayer 10

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

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

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

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

Новое в MXML Что нового в MXML? <Declarations> - невизуальные чайлды <Definition> - подкомпонент «налету» <Private> - design-time информация Й Q: A: http :// opensource.adobe.com / wiki / display / flexsdk /MXML+2009

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

<Declarations> - невизуальные чайлды

<Definition> - подкомпонент «налету»

<Private> - design-time информация

Работа с текстом Какие новые текстовые возможности ? TextBox : multiline + CSS формат TextGraphics : + разные форматы + разметка + внедренная графика TextView : + гиперссылки + выделение + редактирование + прокрутка Й Q: A: http ://opensource.adobe.com/wiki/display/flexsdk/Gumbo+Text+Primitives

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

TextBox : multiline + CSS формат

TextGraphics : + разные форматы + разметка + внедренная графика

TextView : + гиперссылки + выделение + редактирование + прокрутка

Архитектура Gumbo В чем ключевая особенность архитектуры Gumbo ? В чем отличие от Halo ? Композиция логики и представления. Скин – это отдельный класс, отвечающий за всю отрисовку. Й Q: A: http ://opensource.adobe.com/wiki/display/flexsdk/Gumbo+Component+Architecture

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

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

Базовые классы Gumbo Какие основные базовые классы Gumbo , за что они отвечают? SkinnableComponent – базовый для логики компонента Skin – базовый для скина компонента Group – базовый контейнер контента Й Q: A: http ://opensource.adobe.com/wiki/display/flexsdk/Gumbo+Component+Architecture

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

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

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

Group – базовый контейнер контента

Композиция логика+скин Как реализуется композиция логики и представления? Потомок SkinnableComponent – это ActionSript- файл, содержащий модель и контроллер Потомок Skin – это MXML -файл, содержащий графику в FXG / ассетах и интерфейсную логику Й Q: A: http :// opensource.adobe.com / wiki / display / flexsdk / Gumbo+Skinning

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

Потомок SkinnableComponent – это ActionSript- файл, содержащий модель и контроллер

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

FXG и SVG FXG – это то же, что SVG? FXG – это другая спецификация . В ней есть ряд вещей характерных для Flash: фильры, текст, транзишены Й Q: A: http://opensource.adobe.com/wiki/display/flexsdk/FXG+1.0+Specification

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

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

FXG и Degrafa FXG – это то же, что Degrafa? Degrafa учитывается при разработке FXG. И вообще Flex SDK – это openSource Й Q: A: http://opensource.adobe.com/wiki/display/flexsdk/FXG+1.0+Specification http :// samples.degrafa.com / DataRenderer / DegrafaDataRenderer.html

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

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

Стейты в Gumbo В чем отличие стейтов в Halo и Gumbo ? Halo : xml- инструкция описывающая отличие от базового стейта Gumbo : декларативное описание вхождения объекта в стейт. Й Q: A: http ://opensource.adobe.com/wiki/display/flexsdk/Enhanced+States+Syntax

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

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

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

Group – контейнер контента Зачем нужны группы (Group)? Группа содержит контент ( content ), который может быть визуальным объектом, данными или их коллекцией. Визуальные объекты добавляются в контейнер как дочерние ( children ) . Для данных создаются ItemRenderer- ы. Й Q: A: http :// opensource.adobe.com / wiki / display / flexsdk / Gumbo+Group+Specification

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

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

Для данных создаются ItemRenderer- ы.

Новый механизм Layout Можно ли построить собственный нестандартный лейаут ? ILayout – расставить элементы ILayoutItem – ограничения, желаемые размеры, соотношение высоты и ширины и т.д. Й Q: A: http :// opensource.adobe.com / wiki / display / flexsdk / Gumbo+Layout

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

ILayout – расставить элементы

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

Контролы Gumbo Какие компоненты будут в Gumbo? Application Button CheckBox / RadioButton List Panel ScrollBar Slider Spiner / NumericStepper TextInput / TextArea Й Q: A:

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

Application

Button

CheckBox / RadioButton

List

Panel

ScrollBar

Slider

Spiner / NumericStepper

TextInput / TextArea

Релиз Flex 4 Gumbo Ну когда же!!! ??? Вторая половина 2009 Бета будет в конце 2008 года Й Q: A:

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

Вторая половина 2009

Бета будет в конце 2008 года

Ваши вопросы /* place your question here */ /* override this */ Й Q: A:

/* place your question here */

/* override this */