flex 4 gumbo
DESCRIPTION
Презентация Артемия Малкова о Flex 4 GumboTRANSCRIPT
![Page 1: Flex 4 Gumbo](https://reader035.vdocuments.pub/reader035/viewer/2022062514/558a4790d8b42aa2368b4629/html5/thumbnails/1.jpg)
Flex 4 Gumbo
в толковании Артемия Малкова
![Page 2: Flex 4 Gumbo](https://reader035.vdocuments.pub/reader035/viewer/2022062514/558a4790d8b42aa2368b4629/html5/thumbnails/2.jpg)
3 главных темы:
• Design in Mind • Developer Productivity• Framework Evolution
![Page 3: Flex 4 Gumbo](https://reader035.vdocuments.pub/reader035/viewer/2022062514/558a4790d8b42aa2368b4629/html5/thumbnails/3.jpg)
Design in Mind• Язык MXML 2009 нацелен на облегчения интеграции с
инструментальными средствами.
• Формат FXG – XML-описание графики, который расширяет возможности Flash Player, и используется в инструментах для описания различных графических ассетов, включая скины.
• Архитектура компонентов и скинов облегчает использование инструментов для скинования.
• Улучшение существующих характеристик, ориентированных на взаимодействие с пользователем, таких как states, transitions и layout.
![Page 4: Flex 4 Gumbo](https://reader035.vdocuments.pub/reader035/viewer/2022062514/558a4790d8b42aa2368b4629/html5/thumbnails/4.jpg)
Целевые приложения• Все приложения на Flex 3, например визуализация данных
или бизнес-приложения.
• Интерфейс для RIA средней сложности.
• Простой сайт, управляемый событиями, например, портфолио.
• Селектор / браузер простых элементов.
• Интерактивные виджеты.
![Page 5: Flex 4 Gumbo](https://reader035.vdocuments.pub/reader035/viewer/2022062514/558a4790d8b42aa2368b4629/html5/thumbnails/5.jpg)
Принцип Design in Mind• Интеграция новой функциональности (Gumbo) в
существующую модель компонентов (Halo)
• Размер конечных приложений такого же порядка, что и во Flex 3.
• Уменьшение размера и улучшение производительности.
![Page 6: Flex 4 Gumbo](https://reader035.vdocuments.pub/reader035/viewer/2022062514/558a4790d8b42aa2368b4629/html5/thumbnails/6.jpg)
Developer productivity• Производительность компилятора
• 2-сторонняя привязка данных (Binding)
• Поддержка automation в AIR
• Улучшения CSS: – множественные styleNames (разделённые пробелом),
– селекторы потомков и селекторы дочерних элементов,
– Id-селекторы.
![Page 7: Flex 4 Gumbo](https://reader035.vdocuments.pub/reader035/viewer/2022062514/558a4790d8b42aa2368b4629/html5/thumbnails/7.jpg)
Framework Evolution
• Фичи FlashPlayer 10
• Расширенные возможности работы с текстом
• Новый компонент работы с видео
• Модульный фреймворк ожидается в первой половине 2010 года
![Page 8: Flex 4 Gumbo](https://reader035.vdocuments.pub/reader035/viewer/2022062514/558a4790d8b42aa2368b4629/html5/thumbnails/8.jpg)
Ответы на вопросы
![Page 9: Flex 4 Gumbo](https://reader035.vdocuments.pub/reader035/viewer/2022062514/558a4790d8b42aa2368b4629/html5/thumbnails/9.jpg)
Новое в MXML
ЙQ:
A:
Что нового в MXML?
<Declarations> - невизуальные чайлды<Definition> - подкомпонент «налету»<Private> - design-time информация
http://opensource.adobe.com/wiki/display/flexsdk/MXML+2009
![Page 10: Flex 4 Gumbo](https://reader035.vdocuments.pub/reader035/viewer/2022062514/558a4790d8b42aa2368b4629/html5/thumbnails/10.jpg)
Работа с текстом
ЙQ:A:
Какие новые текстовые возможности?
TextBox: multiline + CSS форматTextGraphics: + разные форматы + разметка + внедренная графикаTextView: + гиперссылки + выделение + редактирование + прокрутка
http://opensource.adobe.com/wiki/display/flexsdk/Gumbo+Text+Primitives
![Page 11: Flex 4 Gumbo](https://reader035.vdocuments.pub/reader035/viewer/2022062514/558a4790d8b42aa2368b4629/html5/thumbnails/11.jpg)
Архитектура Gumbo
ЙQ:
A:
В чем ключевая особенность архитектуры Gumbo? В чем отличие от Halo?
Композиция логики и представления. Скин – это отдельный класс, отвечающий за всю отрисовку.
http://opensource.adobe.com/wiki/display/flexsdk/Gumbo+Component+Architecture
![Page 12: Flex 4 Gumbo](https://reader035.vdocuments.pub/reader035/viewer/2022062514/558a4790d8b42aa2368b4629/html5/thumbnails/12.jpg)
Базовые классы GumboЙQ:A:
Какие основные базовые классы Gumbo, за что они отвечают?
SkinnableComponent – базовый для логики компонентаSkin – базовый для скина компонентаGroup – базовый контейнер контента
http://opensource.adobe.com/wiki/display/flexsdk/Gumbo+Component+Architecture
![Page 13: Flex 4 Gumbo](https://reader035.vdocuments.pub/reader035/viewer/2022062514/558a4790d8b42aa2368b4629/html5/thumbnails/13.jpg)
Композиция логика+скинЙQ:A:
Как реализуется композиция логики и представления?
Потомок SkinnableComponent – это ActionSript-файл, содержащий модель и контроллерПотомок Skin – это MXML-файл, содержащий графику в FXG / ассетах и интерфейсную логику
http://opensource.adobe.com/wiki/display/flexsdk/Gumbo+Skinning
![Page 14: Flex 4 Gumbo](https://reader035.vdocuments.pub/reader035/viewer/2022062514/558a4790d8b42aa2368b4629/html5/thumbnails/14.jpg)
FXG и SVG
ЙQ:
A:
FXG – это то же, что SVG?
FXG – это другая спецификация. В ней есть ряд вещей характерных для Flash: фильры, текст, транзишены
http://opensource.adobe.com/wiki/display/flexsdk/FXG+1.0+Specification
![Page 15: Flex 4 Gumbo](https://reader035.vdocuments.pub/reader035/viewer/2022062514/558a4790d8b42aa2368b4629/html5/thumbnails/15.jpg)
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
![Page 16: Flex 4 Gumbo](https://reader035.vdocuments.pub/reader035/viewer/2022062514/558a4790d8b42aa2368b4629/html5/thumbnails/16.jpg)
Стейты в Gumbo
ЙQ:A:
В чем отличие стейтов в Halo и Gumbo?
Halo: xml-инструкция описывающая отличие от базового стейта
Gumbo: декларативное описание вхождения объекта в стейт.
http://opensource.adobe.com/wiki/display/flexsdk/Enhanced+States+Syntax
![Page 17: Flex 4 Gumbo](https://reader035.vdocuments.pub/reader035/viewer/2022062514/558a4790d8b42aa2368b4629/html5/thumbnails/17.jpg)
Group – контейнер контентаЙQ:A:
Зачем нужны группы (Group)?
Группа содержит контент (content), который может быть визуальным объектом, данными или их коллекцией. Визуальные объекты добавляются в контейнер как дочерние (children). Для данных создаются ItemRenderer-ы.
http://opensource.adobe.com/wiki/display/flexsdk/Gumbo+Group+Specification
![Page 18: Flex 4 Gumbo](https://reader035.vdocuments.pub/reader035/viewer/2022062514/558a4790d8b42aa2368b4629/html5/thumbnails/18.jpg)
Новый механизм LayoutЙQ:
A:
Можно ли построить собственный нестандартный лейаут?
ILayout – расставить элементыILayoutItem – ограничения, желаемые размеры, соотношение высоты и ширины и т.д.
http://opensource.adobe.com/wiki/display/flexsdk/Gumbo+Layout
![Page 19: Flex 4 Gumbo](https://reader035.vdocuments.pub/reader035/viewer/2022062514/558a4790d8b42aa2368b4629/html5/thumbnails/19.jpg)
Контролы Gumbo
ЙQ:A:
Какие компоненты будут в Gumbo?
ApplicationButtonCheckBox / RadioButtonListPanelScrollBarSliderSpiner / NumericStepperTextInput / TextArea
![Page 20: Flex 4 Gumbo](https://reader035.vdocuments.pub/reader035/viewer/2022062514/558a4790d8b42aa2368b4629/html5/thumbnails/20.jpg)
Релиз Flex 4 Gumbo
ЙQ:A:
Ну когда же!!!???
Вторая половина 2009Бета будет в конце 2008 года
![Page 21: Flex 4 Gumbo](https://reader035.vdocuments.pub/reader035/viewer/2022062514/558a4790d8b42aa2368b4629/html5/thumbnails/21.jpg)
Ваши вопросы
ЙQ:A:
/* place your question here */
/* override this */