Питання та відповіді про silverlight анімація і трансформації - все про it і програмуванні

Сторінка 3 з 4

Що таке розкадровка?

Розкадрування - це послідовність моментальних знімків / ескізів, які зображують зміни протягом періоду часу. Ви можете візуально уявити собі розкадрування як тимчасову шкалу, яку ми обговорювали раніше. Розкадрування містить в собі набір згрупованих анімацій. Набір анімацій необхідний, так як розкадровка використовує ескізи для малювання змін протягом періоду часу.

Наприклад, нижче ви можете бачити 4 ескізу, використані в анімації, яка зображує зіткнення двох стріл з вибухом в кінці. По суті, розкадровка буде містити набір 4-х об'єктів анімації, які будуть швидко показані протягом періоду часу.

Малюнок 4. - Ескізи стріл

Чи можемо ми побачити просту анімацію Silverlight?

Давайте створимо просту анімацію, показану нижче. Ми створимо об'єкт прямокутника, збільшення висоти якого буде створювати ефект анімації. Ви можете побачити на малюнку нижче, як буде виглядати анімація. Ми виконаємо цю анімацію, використовуючи об'єкт 'DoubleAnimation'.

Малюнок 5: - Анімація за допомогою висоти прямокутника

Першим кроком буде визначення об'єкта прямокутника. Нижче наведено фрагмент коду XAML, в якому визначається об'єкт прямокутника з висотою і шириною, рівними 100, і з фоном шоколадного кольору.

На другому кроці нам потрібно визначити, коли анімація буде запускатися. У наведеному нижче фрагменті коду ми визначили, що розкадровка буде викликатися, коли завантажений об'єкт прямокутника.

Нарешті, ми поміщаємо в 'DoubleAnimation' об'єкт, який використовує 'Height' (висоту) як цільове властивість, яке буде анімоване від значення '100' до значення '300' протягом 5 секунд. Зауважте, що цільове ім'я - це об'єкт прямокутника 'RectAnimated'. Ми також встановлюємо 'AutoReverse' в 'істину', що означає, що як тільки властивість досягне значення '300', анімація увімкнеться знову, починаючи з '100'.

• Завантажити вихідний код - 332 Кб Введення Ієрархічні шаблони даних є потужним способом організації і прив'язки даних, наявних в основі уявлення Windows (WPF) і Silverlight. Прочитавши цю статтю і приклад коду, ви отримаєте глибокі знання про те, як працюють ієрархічні шаб.

• Завантажити оригінали - 4.96 КБ Навіщо тоді потрібен XAML? Слід позбутися його. Створення нового проекту Silverlight Почніть з створення нового проекту Silverlight звичним чином. Натисніть на Файл-> Новий-> Проект. в меню, або натисніть Ctrl + Shift + N. Виберіть програму Silverligh.

• Завантажити оригінали - 595 KB Вимоги Буде з нуля створено дуже просте додаток веб-чату за допомогою Silverlight 2 з спортивного інтересу. Додаток чату буде містити два користувальницьких керуючих елемента XAML: керуючий елемент входу в чат і керуючий елемент розділу чату.