Переход состояния Flex, изменяющий размер TitleWindow путем анимации

Question

У меня есть компонент на основе окна заголовка во Flex 4, который имеет два состояния: A & B.

Окно заголовка шире в состоянии B.

Я хочу, чтобы окно заголовка анимировалоськогда я переключаю состояния с помощью эффекта «Изменить размер», чтобы расширить компонент.

Какой правильный способ сделать это?Должен ли определить ширину, зависящую от состояния для компонента, или я должен просто запустить эффект перехода, который делает это?Первый вариант кажется мне чище, но я не могу понять, как заставить flex использовать эффект и выяснить, как изменить размер компонента.

Answer 1

Я реализовал нечто похожее на ваш запрос: мне нужно было добавить эффект перехода (эффект изменения размера) между двумя состояниями, включенными в компонент TitleWindow. Вот как я это сделал:

Мои два состояния:

<s:states>
    <s:State name="State1"/>
    <s:State name="myInfoState"/>
</s:states>

Мой эффект перехода:

<s:transitions>
    <s:Transition id="myTransition" fromState="*" toState="myInfoState">
        <s:Parallel target="{this}">
            <s:Resize duration="400"/>
        </s:Parallel>
    </s:Transition>
</s:transitions>

Обратите внимание на свойство {this}. Это потому, что у моего TitleWindow нет id.

Наконец, вам просто нужно вызвать объявление currentState как всегда:

<s:Button click="currentState = 'myInfoState'"/>

Полагаю, ключевое слово {this} вместо id элемента *.

Привет из Пачуки, Мексика!

Answer 2

Assaf, Вы можете использовать свойства tween, Parallel, Move и Resize для одного и того же.