Чтобы использовать анимации в Microsoft Visual Studio Blend для создания живого пользовательского интерфейса, нужно создать раскадровку. 1 Она содержит одну или несколько временных шкал, на которых задаются опорные кадры для отметки изменений свойств. 1

Пример создания анимации перемещения прямоугольника: 1

1. Создать раскадровку. 1 Для этого нажать кнопку «Параметры раскадровки» в окне «Объекты и временная шкала», а затем выбрать «Создать». 1
2. В диалоговом окне Create Storyboard Resource (Создание ресурса раскадровки) ввести имя для раскадровки. 1
3. На панели «Ресурсы» в конструкторе добавить прямоугольник в нижнюю левую часть страницы. 1
4. В окне «Объекты и временная шкала» переместить жёлтый указатель времени на 3 секунды. 1
5. В конструкторе страницы перетащить прямоугольник в правую часть страницы. 1
6. Нажать кнопку «Воспроизвести», чтобы просмотреть, как прямоугольник перемещается с левой части страницы в правую. 1
7. Поэкспериментировать с другими изменениями в прямоугольнике, воспроизводимыми в разные моменты времени. 1 Например, можно изменить цвет заливки или ориентацию в окне свойств. 1

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