Создание Анимации в Blend Studio
Анимация в Blend Studio
И так как вы уже поняли анимация очень интересная и очень эффективная вещь. Для создания красивых интерфейсов, а также красивых эффектов в вашем приложении. Но согласитесь, не всегда удобно писать такое количество кода. Пытаясь создать необходимую анимацию. Конечно, иногда без этого не обойтись особенно тогда когда мы создаем объекты, и анимацию динамически. Но иногда мы можем быстро и эффективно создать любую анимацию с помощью удобных средств, которые нам предоставляет Blend Studio.
Popularity: 95% [?]
Анимация
Анимация, наверно, это самое интересное, что присутствует в подобных технологиях. Анимация позволяет нам создавать очень красивые и яркие эффекты. Также делает наше приложение живым. Это существенно отличает его от обычного веб приложения. Причем мы можем применять ее абсолютно везде, где мы захотим. Таким образом, создавая отклик на любое действие пользователя. Ну естественно Silverlight позволяет нам это делать причем очень удобно и эффективно.
Popularity: 92% [?]
Знакомство с анимацией Microsoft SilverLights
Ну что продолжим с вами знакомиться с практической частью создания Silverlight. И так как я отношусь по большой части к дизайнером, то больше всего меня интересует создание анимации, чем сегодня с вами и займемся. Так как мы только знакомимся с вами с этой программой, то сегодня попробуем сделать с вами очень простую анимацию в буквально несколько кадров.
Запускаем наш Expression Blend 2, создаем новый проект (кто не занеет как, смотрим тут). Выбираем инструмент - Перо, и рисуем кривую похожую на морскую волну

Затем откройте вкладку Properties, и выберите для заливки соответствующий синий цвет, у нас же все-таки волна должна получиться.

Сейчас перейдем непосредственно к анимации, для этого в панели Object and TimeLine выбираем Create new Storyboard, нажав для этого “+”. В появившемся окне вводим название нашей шкалы,снимаем галочку с пункта Create as a Resource и нажимаем кнопку ОК.

В панели Object and TimeLine мы видим, что появилась временная шкала (напоминает шкалу во Flash). Выбираем инструмент Direct Selection, перетягиваем ползунок на 1, и деформируем нашу волну, после этого опять перетягиваем, ползунок на значение 0, и нажимаем кнопку Record Keyframe, видим что появилось два кадра.

Выделяем нулевой кадр копируем его и перетягивает шкалу на значение - 2, и вставляем туда первый кадр, можем сейчас попробывать проиграть анимацию. Однако у нас анимация прогрывается только один раз, чтоб поставить ее на зацикливание кликаем по наше шкале (на название шкалы - в нашем случае Wave), выделив ее, и в закладке Properties в поле RepeatBehavior вписываем значение Forever.

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

Ну вот и произошло наше первое знакомстов с анимацией в SilverLights, с чем собственно всех и поздравляю)
Popularity: 50% [?]
