Группировка анимационных эффектов

Когда желаемое достигается за счет одновременного привлечения более чем одного анимационного эффекта, результат, который дает разметка, не всегда получается таким, как ожидалось: вы получаете серию анимационных эффектов, которые запускаются по очереди (в то время, как предполагалось получить параллельное исполнение). В предыдущем примере (пример 19.4) описываются две разных анимации, одна из них изменяет горизонтальную координату, а вторая – вертикальную, и каждую из них пришлось определить отдельно, включая продолжительность действия эффекта.

Однако ситуацию можно упростить, сгруппировав анимационные эффекты с помощью класса Sys.Preview.UI.Effects.CompositeAnimation. Группировка позволяет гарантировать параллельное исполнение объединенных анимационных эффектов.

Группировка может быть выполнена с помощью элемента xml-script . Внутрь этого элемента добавляется элемент , в пределах которого вставляются определения xml-script для всех анимационных эффектов, которые должны исполняться одновременно. После этого можно определить значения атрибутов id и duration для элемента , которые будут относиться ко всей группе целиком:

startValue="0" endValue="300" />
startValue="0" endValue="300" />

(/animations)


Запустить такой композитный эффект можно с помощью элемента :
(application)



(/application)

В примере 19.5 приводится полный код страницы, содержащей сгруппированный анимационный эффект.
Пример 19.5.


Группировка анимационных эффектов, воспроизводимых на странице
CompositeAnimation.aspx
<%@ Page Language="C#" %>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1?transitional.dtd"> ASP.NET AJAX

(body)
(asp:ScriptManager runat="server" ID="ScriptManager1")

(asp:ScriptReference name="PreviewScript.js"
assembly="Microsoft.Web.Preview" /)
(asp:ScriptReference name="PreviewGlitz.js"
assembly="Microsoft.Web.Preview" /)

(/asp:ScriptManager)





(/body)


Данная группа объединяет три отдельных анимационных эффекта, заканчивающихся одновременно:
• Плавное исчезновение элемента
• Перемещение элемента вправо
• Перемещение элемента вниз

Несмотря на то, что в реальности круг применения анимационных эффектов не очень велик, платформа ASP.NET AJAX создает очень удобную среду для добавления некоторых оживляющих визуальных эффектов в веб-приложения.


Поскольку эти возможности реализованы в отдельном файле JavaScript, сама библиотека PreviewScript.js не перегружена поддержкой данной функциональности по умолчанию..



Оцените статью: (0 голосов)
0 5 0

Статьи из раздела ASP.NET AJAX на эту тему:
Использование LengthAnimation для перемещения элемента
Использование анимации для перемещения элемента
Использование анимации для создания эффекта плавного исчезновения
Использование анимационных эффектов