Анімація теми Windows Runtime

Перейдемо до другої групи анімації Якщо анімація переміщень ставила стандартні механізми з мінімальним впливом на виконання, то анімація теми дозволяє більш жорстко контролювати як хід виконання, так і час запуску Вона включає набагато більше типів

·&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp DragItemThemeAnimation – Дозволяє задати анімацію для елемента,

який готовий до перетягування

·&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp DragOverThemeAnimation – Дозволяє задати анімацію для елементів,

через які відбувається перетягування

·&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp DropTargetItemThemeAnimation – Задає повідомлення користувача про те, що елемент може бути джерелом для перетягували обєкта

·&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp FadeInThemeAnimation  – Дозволяє конфігурувати прозорість елемента при першій появі

·&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp FadeOutThemeAnimation – Дозволяє конфігурувати прозорість елемента при зникненні

·&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp PopInThemeAnimation і PopOutThemeAnimation – Ці типи анімації задають дії обєктів в сценарії що розкриваються (спливаючих) обєктів Як приклад можна назвати елемент управління ComboBox

·&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp RepositionThemeAnimation – Тут задається стандартна анімація для елементів, які змінили своє положення

·&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp SplitCloseThemeAnimation іSplitOpenThemeAnimation – Ці види анімації використовуються в складних елементах управління (або з цілим набором елементів), що припускають можливість «розділення» вмісту елемента з використанням стандартного жесту, виконуваного двома пальцями

·&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp TapDownThemeAnimation     іTapUpThemeAnimation     – Задають зміна стану елемента при звичайному торканні

·&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp SwipeHintThemeAnimation  – Цей тип анімації задає поведінку елемента під час проведення по ньому пальцем або пером Подібна поведінка можна бачити в основному вікні Windows, якщо спробувати потягнути вниз одну з плиток (Відбудеться вибір плитки і зявиться панель додатків)

·&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp SwipeBackThemeAnimation – Цей тип анімації задає поведінку елемента під час його повернення в початковий стан після проведення по ньому пальцем або пером

Фактично, вищевказані типи описують стандартну анімацію, але не механізм запуску Розробник сам контролює час запуску і зупинки анімації З одного боку, це є недоліком, так як необхідно писати додатковий код, а з іншого – великою перевагою, оскільки можна виконувати привязку стандартної анімації до своїх власних сценаріями

Розглянемо невеликий приклад, що демонструє роботу цього типу анімації

&ltGrid Background=&quotWhite&quot&gt

&ltStackPanel&gt

&ltStackPanelResources&gt

&ltStoryboard x:Name=&quotmyStoryboard&quot&gt

&ltFadeOutThemeAnimation StoryboardTargetName=&quotmyRectangle&quot  /&gt

&lt/Storyboard&gt

&lt/StackPanelResources&gt

&ltRectangle PointerPressed=&quotRectangle_Tapped&quot x:Name=&quotmyRectangle&quot Fill=&quotRed&quot Width=&quot100&quot Height=&quot100&quot /&gt

&lt/StackPanel&gt

&lt/Grid&gt

Як бачите, тут ми визначили Storyboard Цей елемент необхідний для будь-якого з типів анімації даної групи Усередині Storyboard ми задаємо стандартну анімацію для нашого прямокутника Залишається тільки запустити її Це робиться за допомогою коду, який виконується при натисканні на прямокутник:

private void Rectangle_Tapped(object sender, PointerEventArgs e)

{

myStoryboardBegin()

}

Як бачите, ми самі вирішуємо, коли виконувати анімацію Крім того, ми можемо скористатися налаштуваннями Storyboard, Щоб налаштувати її час, тривалість та інші параметри

Сергій Лутай, Сергій Байдачний, Windows 8 для C # розробників

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*