Flex Component Lifecycle Overview

Жизненный цикл компонентов Component Lifecycle Overview Павел Кожин [email_address] Exigen Services

Что такое жизненный цикл и для чего он нужен
Создание
Конфигурация
Присоединение
Инициализация
Инвалидация
Взаимодействие
Удаление
Сборка мусора
Construction
Configuration
Attachment
Initialization
Invalidation
Interaction
Detachment
Garbage Collection

Единая концепция Управление Детализация Переопределение createChildren() commitProperties() measure() updateDisplayList()

Фаза 1

Инстанциирование
Подписка на события
Применение стилей
Создание дочерних элементов
<local:MyCopm/> var comp:MyComp = new MyCopm(); comp.setStyle(“…”, “…”); public function MyCopm { super(); addEventListener( MouseEvent.CLICK, clickHandler); } Создание Конфигурация Присоединение Инициализация Инвалидация Взаимодействие Удаление Сборка мусора 1

Конструктор
systemManager, stage, root
getStyle() ( ждём createChildren())
Повторное выполнение кода
Создание Конфигурация Присоединение Инициализация Инвалидация Взаимодействие Удаление Сборка мусора <my:CustomBtn/> var btn:CustomBtn = new CustomBtn(); btn.setStyle(“…”, “…”); public function CustomBtn { super(); addEventListener( MouseEvent.CLICK, clickHandler); } 1

get/set методы
Выполняются до инициализации
Максимально быстрые!
Использовать валидацию
Создание Конфигурация Присоединение Инициализация Инвалидация Взаимодействие Удаление Сборка мусора var foo:Array = [“Hello”, “World!”]; public function set data(val:Array):void{ _data = val; dataChanged = true; invalidateProperties(); } 1

Фаза 2

Создание Конфигурация Присоединение Инициализация Инвалидация Взаимодействие Удаление Сборка мусора parentComponent.addChild(instance); 2 addChild() / addChildAt() initialize() Вызов вручную для не визуальных компонентов

Фазы инициализации
1. Событие “preinitialize”
2. createChildren()
initialize()
Дети
Родители
4. Валидация
Событие “creationComplete”
Committed
Measured
Updated
Создание Конфигурация Присоединение Инициализация Инвалидация Взаимодействие Удаление Сборка мусора 2

createChildren()
Переопределение
Перманентных подкомпоненты
«Создание – Конфигурация – Присоединение»
super.createChildren()
Динамику отложим до валидации!

Пример переопределения protected var closeButon:UIComponent; override protected function createChildren():void{ if (!closeButton){ closButton = new Button(); Button(closeButton).label = “x”; } addChild(closeButton); closeButton.addEventListener( MouseEvent.CLICK, clickHandler); super.createChildren(); } Создание Конфигурация Присоединение Инициализация Инвалидация Взаимодействие Удаление Сборка мусора 2

Отложенная валидация
Отложить обработку изменений
Сохранить высокую производительность
Функции инвалидации
invalidateProperties()
invalidateSize()
invalidateDisplayList()

Валидация: роль LayoutManager Создание Конфигурация Присоединение Инициализация Инвалидация Взаимодействие Удаление Сборка мусора 2 LayoutManager invalidatePropertiesQueue invalidateSizeQueue invalidateDisplayListQueue validateProperties() validateSize() validateDisplayList()

commitProperties()
Обработка динамических данных
Используем флаги!
Создание Конфигурация Присоединение Инициализация Инвалидация Взаимодействие Удаление Сборка мусора 2 invalidateProperties() validateProperties() commitProperties()

Пример commitProperties() public function set historyManagementEnabled(value:Boolean) : void{ if (value != _historyManagementEnabled){ _historyManagementEnabled = value ; historyManagementEnabledChanged = true; invalidateProperties(); } } Создание Конфигурация Присоединение Инициализация Инвалидация Взаимодействие Удаление Сборка мусора 2

measure()
Предпочтительный размер
measuredWidth / measuredHeight
measuredMinWidth / measureMinHeight
Вызывается автоматически
Не вызывается при explicitWidth / explicitHeight
Создание Конфигурация Присоединение Инициализация Инвалидация Взаимодействие Удаление Сборка мусора 2 invalidateSize() validateSize() masure()

Пример measure() override protected function measure():void { for (var i:int = 0; i < numChildren; ++i){ var child:UIComponent = UIComponent(getChildAt()) measuredHeight += child.getExplicitOrMeasuredHeight() + VERTICAL_GAP; } measuredMinWidth = 10; measuredMinHeight = measuredHeight; } Создание Конфигурация Присоединение Инициализация Инвалидация Взаимодействие Удаление Сборка мусора 2

updateDisplayList()
Дочерние елементы
Позиционирование
размер
Drawing API
Актуальный размер выставляется здесь!
Создание Конфигурация Присоединение Инициализация Инвалидация Взаимодействие Удаление Сборка мусора 2 invalidateDisplayList() validateDisplayList() updateDisplayList()

Пример updateDisplayList() override protected function updateDisplayList():void{ … item.data = data; UIComponentGlobals.layoutManager.validateClient( item, true); var w:Number = item.getExplicitOrMeasuredWidth(); item.setActualSize(w, h); item.move(x, y); } Создание Конфигурация Присоединение Инициализация Инвалидация Взаимодействие Удаление Сборка мусора 2

Размеры
Measured (measuredWidth)
Предпочтительный размер
Вычисляется measure()
Explicit (explicitWidth)
Присваивается пользователем
<mx:Button width=“100”/>
Percentage (percentWidth)
Присваивается пользователем
Вычисляется родителем
<mx:Button width=“100%”/>
Actual setActualSize()
Присваивается в updateDisplayList() родителем

Фаза 3

Отдельная тема Создание Конфигурация Присоединение Инициализация Инвалидация Взаимодействие Удаление Сборка мусора 3

Фаза 4

Уборка
Методы удаления
removeChild()
removeChildAt()
removeAllChildren()
visible=false для постоянных элементов
Сборщик мусора
Ссылки на объект
Обработчики событий
binding
Dictionary

Сравнение цикла MX(AS2) и Flex destroyObject(id:String) removeChild invalidateSize invalidateDisplayList redraw commitProperties redraw measure draw / size updateDisplayList invalidate invalidateProperties removeChildAt createChildren createChildren init initialize createObject / createClassObject addChild/addChildAt

Вопросы? Павел Кожин [email_address] Exigen Services

http://riapriority.com	345
http://www.slideshare.net	21
http://www.riapriority.com	11
http://xss.yandex.net	1
http://webcache.googleusercontent.com	1

Flex Component Lifecycle Overview

by Constantiner on Apr 29, 2008

Accessibility

Categories

Tags

Upload Details

Usage Rights

5 Embeds 379

Statistics

Flex Component Lifecycle Overview — Presentation Transcript