Главная » Статьи для тега "Storyboard"

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

Добавлено Дата: 6 December, 2012 категория: C#, Windows Runtime, XAML, Разработка для Windows 8

Перейдем ко второй группе анимации. Если анимация перемещений задавала стандартные механизмы с минимальным влиянием на выполнение, то анимация темы позволяет более жестко контролировать как ход выполнения, так и время запуска. Она включает гораздо больше типов.

Читать »

Введение в анимацию Windows Runtime

Добавлено Дата: 22 November, 2012 категория: C#, Windows Runtime, XAML, Разработка для Windows 8
Общие типы анимации

Windows Runtime позволяет использовать анимацию для изменения  свойств любого из объектов, наследуемых от UIElement. Анимация представляет собой мощный механизм, который помогает создавать красивые эффекты, практически не используя код на C#.

Читать »

Элемент UserControl игры с бомбами

Добавлено Дата: 1 April, 2012 категория: Silverlight

Следующий этап разработки приложения — создание графического представле­ния бомбы. Можно было бы использовать статическое изображение с прозрачным фо­ном, однако такое решение слишком негибкое. Лучше применить более гибкие фигуры

Silverlight. Фигуры позволяют изменять размеры и поворачивать бомбы, анимировать детали бомбы и т.д. Честно говоря, для такой простой игры, как в данном примере, было бы достаточно статического изображения, однако тогда при любом усложнении структуры игры (например, при добавлении фона или дополнительных правил) вы столкнетесь с неразрешимыми проблемами. Бомба, использованная в данном примере, извлечена непосредственно из сетевой коллекции клипов Microsoft Word. Для преобра­зования клипа в разметку XAML он был вставлен в документ Word и сохранен как файл XPS, как описано в главе 8. В полученной таким образом разметке XAML используется набор элементов Path.

Читать »

Пример простой анимации

Добавлено Дата: 23 March, 2012 категория: Silverlight

Процесс разработки анимации состоит из многих этапов. Нужно создать три от­дельных компонента: объект анимации, изменяющий свойства; объект раскадровки (stroyboard), управляющий анимацией; обработчик события (триггер события), запуска­ющий раскадровку. В следующих разделах подробно рассматривается создание каждо­го компонента.

Читать »

Использование разных шаблонов

Добавлено Дата: 14 March, 2012 категория: Silverlight

Правильно разработанные пользовательские элементы управления очень гибкие. Например, в рассмотренном выше объекте FlipPanel можно применить другой шаблон для изменения внешнего вида кнопки ToggleButton, изменить анимации элементов за­головка и содержимого и т.д.

Читать »

Смягчение анимации

Добавлено Дата: 1 March, 2012 категория: Silverlight

Один из недостатков линейной анимации состоит в том, что она часто выглядит механически, неестественно. В профессиональных пользовательских интерфейсах анимационные эффекты имитируют естественное поведение. Например, при щелчке объект перескакивает быстро, а возвращается медленнее, создавая иллюзию естествен­ного движения. В Windows Vista при максимизации или минимизации окна сначала оно изменяется быстро, а затем медленно. Такие тонкие детали тяжело заметить, если они реализованы правильно, однако когда они не реализованы, это бросается в глаза.

Читать »

Время жизни анимации

Добавлено Дата: 1 March, 2012 категория: Silverlight

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

Читать »

Анимация перспективных проекций

Добавлено Дата: 28 February, 2012 категория: Silverlight

Кроме преобразований, можно анимировать перспективные проекции — класс PlaneProjection (см. главу 9), позволяющий имитировать перемещение плоскости в трехмерном пространстве. Предположим, группа элементов заключена в элемент управления Border, к которому применена перспективная проекция.

Читать »

Анимация раскрашивания пикселей

Добавлено Дата: 26 February, 2012 категория: Silverlight

В главе 9 рассмотрены классы раскрашивания пикселей — низкоуровневые проце­дуры, позволяющие применять к элементам визуальные эффекты размывания, сияния, зернистости и т.д. Эффекты раскрашивания интересны, но сами по себе не очень полез­ны. Однако в сочетании с анимацией они предоставляют много возможностей. Их можно использовать для создания привлекательных переходов (например, размывания скры­ваемых элементов) и впечатляющих интерактивных эффектов (например, включения сияния кнопки, когда пользователь наводит на нее указатель). Что лучше всего, аними- ровать свойства классов раскрашивания так же легко, как любых других классов.

Читать »

Анимация на основе ключевых кадров

Добавлено Дата: 21 February, 2012 категория: Silverlight

Во всех объектах анимации, которые мы до сих пор рассматривали, для перехода от начальной до конечной точки применялась линейная интерполяция. Однако неслож­но создать неравномерную анимацию, состоящую из нескольких сегментов. Например, анимация может быстро вводить элемент в поле зрения, а затем медленно удалять его. Этот эффект можно создать, используя две анимации, при этом свойство BeginTime должно задавать начало второй анимации после завершения первой. Но существует бо­лее простой способ, основанный на использовании ключевых кадров.

Читать »

Анимация кистей

Добавлено Дата: 15 February, 2012 категория: Silverlight

Анимировать кисти так же легко, как и объекты преобразований. Для этого доста­точно задать изменение вложенного свойства, используя совместимый с ним анимаци­онный класс.

На рис. 10.9 показан пример анимации кисти RadialGradientBrush, которая рас­сматривалась в главе 8. При выполнении анимации центральная точка радиального градиента смещается, создавая иллюзию трехмерного эффекта. Одновременно внеш­ний цвет градиента изменяется от синего к черному.

Читать »

Классы анимации

Добавлено Дата: 14 February, 2012 категория: Silverlight

Вы уже знакомы с основами анимации свойств и знаете, как определяются объекты анимации, как они подключаются к элементам и как можно управлять воспроизведени­ем с помощью раскадровки. Однако вернемся на шаг назад и подробнее обсудим клас­сы анимации, предназначенные для разных типов данных, чтобы полнее использовать их для создания желаемых эффектов.

Читать »

Время и временная шкала

Добавлено Дата: 7 February, 2012 категория: WPF

Первое и самое главное, что нужно понимать, когда речь идет об анимации,  – это время. В реальном  мире идея времени  проста; оно началось давным давно и течет с постоянной  скоростью в одном направлении. В анимации  со временем все не так просто.

Время при анимации  всегда соотносится с некоторой  временной  шкалой (timeline). Точка отсчета (нулевой момент)  считается  началом шкалы, а «30 се кунд» всегда означает 30 секунд от начала шкалы. Временные шкалы организова ны иерархически; начало и конец каждой отсчитываются от начала родительской шкалы. На вершине иерархии находится «глобальная» шкала, начало которой по определению  совпадает с моментом создания  процесса.

Читать »

Анимация WPF

Добавлено Дата: 6 February, 2012 категория: WPF

Можно сказать, что анимация – это модификация некоторого значения на про тяжении времени. Любой объект, в котором периодически вычисляется некоторая функция, можно считать частным случаем анимации. Начнем с простого примера.

Анимация как new Timer

Читать »

Анимация присоединенных свойств (или нет) Windows Phone 7

Добавлено Дата: 26 January, 2012 категория: Разработка для Windows Phone 7

Существует несколько разных способов применения анимаций Silverlight для перемещения элемента по экрану. Один из них – использовать в качестве цели анимации объект TranslateTransform, заданный как значение свойства RenderTransform элемента. Но вероятно, разработчики, которым более привычно работать с Canvas, захотят применить анимацию к присоединенным свойствам Canvas.Left и Canvas.Top. Для анимации присоединенных свойств используется специальный синтаксис, но он довольно прост.

Читать »