вход

Flex эффект во ViewStack

При создании приложений во Flash, у Вас есть возможность создать красивую и плавную анимацию. Используя эту технологию Adobe добавила стандартные эффекты во Flex, чтобы улучшить приложения и сделать плавную анимацию при помощи этих эффестов. [swf]http://mainview.ru/wp-content/uploads/2010/02/TransEffect.swf,400,300[/swf] Чтобы посмотреть основную идею, создадим простой ViewStack, который при переключении будет использовать данный эффект. Создадим ViewStack и навигацию, например LinkBar, как самый простой для этого примера:
<mx:LinkBar dataProvider="viewStack"/>
<mx:ViewStack height="200" width="300" id="viewStack">

    <!-- Red View -->
    <mx:VBox backgroundColor="#FF0000" label="Screen One">

    </mx:VBox>

    <!-- Green View -->
    <mx:VBox backgroundColor="#00FF00" label="Screen Two">

    </mx:VBox>

    <!-- Blue View -->
    <mx:VBox backgroundColor="#0000FF" label="Screen Three">

    </mx:VBox>

</mx:ViewStack>
Всё работает прекрасно. Давайте добавим теперь эффект, позволяющий значительно улучшить восприятие. Возмём два стандартных эффекта: WipeLeft & WipeRight. Объявим их в MXML, установим id и время выполнения duration.
<mx:WipeLeft duration="500" id="wipeLeft"/>
<mx:WipeRight duration="500" id="wipeRight"/>
В заключении, мы просто должны назначить id для VBoxes в стеке, используя showEffect и hideEffect.
<mx:VBox showEffect="{wipeRight}" hideEffect="{wipeLeft}"
    backgroundColor="#FF0000" label="Screen One"/>
</mx:VBox>

<mx:VBox showEffect="{wipeRight}" hideEffect="{wipeLeft}"
    backgroundColor="#00FF00" label="Screen Two"/>
</mx:VBox>

<mx:VBox showEffect="{wipeRight}" hideEffect="{wipeLeft}"
    backgroundColor="#0000FF" label="Screen Three">
</mx:VBox>

Нашли это полезным? Поделитесь с другими:
Не останавливайтесь, читайте дальше:
Оставить комментарий

Статья → Flex эффект во ViewStack

Правила комментирования

  1. Кoммeнтapий всегда проходит премодерацию.
  2. В поле "URL блога" можно указывать только ссылку на главную страницу вашего блога. Ссылки на прочие веб-ресурсы (в том числе блоги/сплоги, созданные не для людей) будут удалены.
  3. Запрещается использовать в качестве имени комментатора слоганы/названия сайтов, рекламные фразы, ключевые и т.п. слова. В случае несоблюдения этого условия имя изменяется по усмотрению владельца блога. Просьба указывать нормальное имя или ник.
  4. Весьма вероятно, что короткий и неинформативный кoммeнтapий вида "Спасибо!", "Интересная статья", будет удален. Исключение составляют знакомые автору блога комментаторы.

 

Нажимая на кнопку, я даю согласие на рассылку, обработку персональных данных и принимаю политику конфиденциальности.