Создание кастомного Design-time View для своего Flex 3 компонента //Важно

Оригинал. Флэш Потрошитель

Иногда необходимо сделать кастомный Design-time Preview для компонента (это его вид в "Design View" Flex Builder-а). Для этих целей в Adobe Flex 3 SDK есть недокументированый класс mx.core.UIComponentGlobals. В этом волшебном классе лежит не менее волшебное поле designMode:Boolean.
В Design View среда Flex Builder пытается "выполнить" код и отобразить что-либо, следовательно можно прописать проверку на designMode и делать то, что хотим.
Итак:1. Возьмем ActionScript-компонент для Flex Bulder 3.2. Заоверрайдим метод createChildren():

override protected function createChildren():void {<br>super.createChildren();<br>if (UIComponentGlobals.designMode) {<br>//здесь мы создаем child-ы, которые будут в design mode<br>}<br>}

3. Заоверрайдим метод updateDisplayList():

override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {<br>super.updateDisplayList(unscaledWidth, unscaledHeight);<br>if (UIComponentGlobals.designMode) {<br>//здесь мы рисуем то, что будет видно в design mode<br>}else {<br>//а здесь то, что в runtime<br>}<br>}<br>

Вуаля! Пример компонента можно взять здесь.