Чтобы использовать анимации в Microsoft Visual Studio Blend для создания живого пользовательского интерфейса, нужно создать раскадровку. 1 Она содержит одну или несколько временных шкал, на которых задаются опорные кадры для отметки изменений свойств. 1
Пример создания анимации перемещения прямоугольника: 1
- Создать раскадровку. 1 Для этого нажать кнопку «Параметры раскадровки» в окне «Объекты и временная шкала», а затем выбрать «Создать». 1
- В диалоговом окне Create Storyboard Resource (Создание ресурса раскадровки) ввести имя для раскадровки. 1
- На панели «Ресурсы» в конструкторе добавить прямоугольник в нижнюю левую часть страницы. 1
- В окне «Объекты и временная шкала» переместить жёлтый указатель времени на 3 секунды. 1
- В конструкторе страницы перетащить прямоугольник в правую часть страницы. 1
- Нажать кнопку «Воспроизвести», чтобы просмотреть, как прямоугольник перемещается с левой части страницы в правую. 1
- Поэкспериментировать с другими изменениями в прямоугольнике, воспроизводимыми в разные моменты времени. 1 Например, можно изменить цвет заливки или ориентацию в окне свойств. 1
Анимации могут быть использованы для создания плавных переходов между различными состояниями элементов интерфейса, что улучшает пользовательский опыт. 3