Flex 3 - Как определить 2 состояния и переход между ними?

Мои первые шаги с Flex (в настоящее время использую Flex 3), и я хочу определить 2 состояния, где в первом у меня есть список и панель с какой-то кнопкой под ним. При нажатии одной из кнопок на этой панели я ожидаю изменить состояние на «ListState». Как мне определить, какой компонент в каком состоянии находится в этом случае? Как я могу также анимировать переход между ними, увеличив список и «переместив» панель вниз за пределы приложения? Ожидаемое поведение представлено на следующем рисунке: введите описание изображения здесь

заранее спасибо


animation apache-flex flex3 transitions states
person Rui    schedule 20.01.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Этого можно добиться без состояний. Как я понял вашу задачу. Я предлагаю вам использовать Canvas со 100% высотой и шириной. внутри холста Вы используете List и Panel

Список будет <mx:List id="List" height="{cnvas.height-panel.height}" width="100%"/>

панель будет <mx:Pannel id="panel" height="300" y="{cnvas.height-panel.height}" width="100%" paddingTop="10">

Теперь при нажатии кнопки устанавливаются slideUP.play() и pannel.height=0.

В дополнение к этому вы должны установить аннимацию:
<mx:AnimateProperty id="slideUP" target="{panel}" property="y" fromValue="{cnvas.height-panel.height}" toValue="{cnvas.height}" duration="400" />

person Santhosh Nayak    schedule 21.01.2012