Создание анимации

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

(more…)

Popularity: 14% [?]

Что такое темплейт?

Темплейт – это заранее подготовленный шаблон, определяющий общий вид объекта, который можно применить к множеству объектов, что позволяет достичь гибкости и быстроты управлением внешним видом объектов, чего иногда не позволяет сделать стили.

Стили имеют ограниченные возможности изменения внешнего вида объекта, если хотите полностью изменить внешний вид объекта без применения методы и событий объектов, вам необходимо использовать темплейты.

(more…)

Popularity: 16% [?]

Стили

Наверно в современном компьютерном мире всем знакомо понятие стиля. Особенно это понятие близко, тем, кто работает и бывает в Интернете. И так Что такое стиль? Стиль – это общее представление объекта в пространстве включающие его визуальные свойства, а также его положение в пространстве или положение относительно его родительского контейнера. И так для чего же нужны стили? Стили нужны для того, чтобы упростить управление свойствами отображения объектов, которые имеют общие свойства. Для этого общие свойства объединяются в один стиль и применяются к определенному типу объектов. Если брать антологию в WEB – это HTML и CSS. Для легкого управления видом страницы используют каскадные таблицы стилей, что не только упрощает разработку, но так же делает код оптимальным, освобождая его от лишних тегов, и позволяет сделать его более понятным.

И так попробуем понять, зачем нужно использовать стили, как их применять, и в чем их преимущество.

(more…)

Popularity: 20% [?]

Сегодня мы с вами рассмотрим взаимодействие SilverLight и JavaScript. Рассмотрим это на простом примере, мы создадим просто текстовое поле и текстовый блок. При нажатии будет вызываться функция JavaScript и выскакивать сообщение, что мы в данный момент нажали.
Итак заходим сново уже в привычный для нас интерфейс Expression Blend, создаем новый проект. Затем создаем текстовый блок и прямоугольник ввиде окантовки к нашему тексту… В итоге xaml должен выглядеть следующим образом:

<canvas>
xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="300" Height="80"
Background="White"
x:Name="Page"&gt;</canvas>

<rectangle width="300" height="80" stroke="Black" strokethickness="2">
cursor="Hand" mouseleftbuttonup="MouseClicked"&gt;
<textblock fontsize="22" canvas.left="113.21" canvas.top="26">
foreground="Blue" text="SilverlightRU.net" cursor="Hand"
mouseleftbuttonup="MouseClicked";
</textblock></rectangle>

Параметры прямоугольника состоят из следующих значений:

• Width и Height, соотвественно длина и высота прямоугольника;
• Stroke - тут выставляем цвет контура прямоугольника, в примере - Черный;
• StrokeThickness - тут выставляем значение толщины линии;
• Fill - тут задаем значение цвета заливки, в нашем примере данный параметр отсутствует, так как нам нужно чтоб был виден текстовый блок;
• Canvas.Left и Canvas.Top - положение прямоугольника на рабочей области, по умолчанию оба значения имеют координаты (0;0).

Текстовый блок состоит из следующих значений:

• FontSize - размер нашей гарнитуры;
• Foreground - цвет текста;
• Text - текстовое содержание нашего блока;
• Canvas.Left и Canvas.Top - положение текстового на рабочей области, по умолчанию оба значения имеют координаты (0;0).
• MouseLeftButtonUp - в обоих случаях событие по нажатию левой клавиши мыши.

Все что нам осталось добавить, это в нашем html файле следующий код :

<script type="text/javascript">
function MouseClicked(sender, args){
   alert("Sender: " + sender.toString());
}
</script>

Все тестируем.. и в очередной раз хвалим себя, какие мы молодцы)
Смотреть пример.

Popularity: 88% [?]

Так как мы вместе с Вами начинаем изучать Silverlight, то я решил перевести статью Laurence Moroney, для того чтобы помочь новичкам (к которым я и сам отношусь) в этом нелегком деле :)
Ну для начало нам необходимо выяснить что же за зверь такой этот Silverlight…
Silverlight - новая Web технология, которая создана, чтобы использоваться на всем разнообразие Web платформ. Это позволяет создавать богатые, визуально ошеломляющие и интерактивные проекты, которые могут использоваться везде: в пределах браузеров, на сложных устройствах и рабочем столе OC (типа Apple Macintosh). WPF (Windows Presentation Foundation), технологии Microsoft . NET Framework 3.0 ( Windows programming infrastructure), XAML (eXtensible Application Markup Language) – всё это основа представления о Silverlight.
Данный доклад ознакомит вас с основами Silverlight и расскажет как Вы можете использовать стек инструментов Microsoft , включая Microsoft Expression Blend, Microsoft Visual Studio 2005, и XAML, чтобы создавать графические сайты.
Продолжение следует…

Popularity: 74% [?]