Веб-технологии и современные средства разработки УЦ ВГТУ & SoftLine Academy

Модуль 6: Использование Microsoft Silverlight для предоставления динамического контента Обзор Microsoft Silverlight Создание приложений с поддержкой Silverlight в Visual Studio 2008

Урок: Обзор Microsoft Silverlight Ключевые особенности Microsoft Silverlight Инструменты для проектирования и разработки приложений Silverlight Архитектура Silverlight XAML и Microsoft Silverlight

Ключевые особенности Microsoft Silverlight Кросс-браузерное, кросс-платформенное решение. NET Framework Открывает богатые возможности в средствах массовой информации и интерактивных приложений для Интернета Обеспечивает гибкую модель программирования Интегрируется с существующими веб-приложениями Основывается на WPF и XAML технологиях Обеспечивает расширения JScript

Инструмент для проектирования и разработки приложений Silverlight Microsoft Expression Studio Expression Design Expression Blend Expression Encoder Microsoft Visual Studio Silverlight Tools Alpha Refresh для Visual Studio

Архитектура Silverlight Core presentation framework.NET Framework для Silverlight

XAML и Microsoft Silverlight Что такое XAML? XAML является декларативным языком для дизайна пользовательского интерфейса XAML позволяет разделить проектирования приложений от бизнес-логики XAML и Silverlight Файл XAML определяет пользовательский интерфейс, который выступает в качестве содержания Silverlight Холст как правило, имеет в качестве корневого элемента Включает пространство имен для Silverlight-приложений

Урок: Создание Silverlight-ориенитрованного приложения используя Visual Studio 2008 Создания Silverlight-приложения Содержание Silverlight-приложения Использование XAML объектов Обработка событий Демонстрация: Просмотр видеофайлов в Silverlight- приложении

Создания Silverlight-приложения Visual Studio 2008 содержит шаблоны проектов для создания приложений Silverlight с помощью Visual C # и Visual Basic Создание приложения Создайте Silverlight приложения с помощью Visual Studio 2008 Добавление новой страницы Silverlight

Содержание Silverlight-приложения page.xaml – пользовательский интерфейс Silverlight приложения: Page.xaml.cs или Page.xaml.vb – файл обработчика событий Silverlight.js – экземпляр the Silverlight элемента управления TestPage.html – Включает в себя элемент правления Silverlight и ссылки на два файла JScript TestPage.html.js – Определяет размер подключаемого модуля Silverlight и ссылки на XAML страницы

Использование XAML объектов Синтаксис элемента объекта Синтаксис атрибута Синтаксис текста

Обработка событий Определить обработчик в файле XAML Написать обработчик события страницы в файл с выделенным кодом для файлов XAML Скомпилировать приложение [Visual C#] public void Page_Loaded(object o, EventArgs e) {... Button1.MouseLeftButtonDown += new MouseEventHandler(OnClick); } [Visual C#] public void Page_Loaded(object o, EventArgs e) {... Button1.MouseLeftButtonDown += new MouseEventHandler(OnClick); } [Visual Basic] Protected Sub Page_Load(ByVal sender As Object, _ ByVal e As System.EventArgs) Handles Me.Load... AddHandler Button1.MouseLeftButtonDown, _ AddressOf OnClick End Sub [Visual Basic] Protected Sub Page_Load(ByVal sender As Object, _ ByVal e As System.EventArgs) Handles Me.Load... AddHandler Button1.MouseLeftButtonDown, _ AddressOf OnClick End Sub

Демонстрация: Просмотр видеофайлов в Silverlight- приложении Добавить видео-файл в Silverlight приложение Добавить объект MediaElement object на холст Просмотр видео в браузере Выполнить преобразование видео

Страница примечаний. Не печатайте слайд. Смотрите заметки к слайду.

Лабораторная работа: Предоставление динамического контента с помощьюMicrosoft Silverlight Упражнение 1: Создание Microsoft Silverlight- приложений Упражнение 2: Добавление динамического содержимого в Microsoft Silverlight приложения Информация для входа Виртуальная машина 2310C-LON-DEV-12 Имя пользователя Student Пароль Pa$$w0rd Продолжительность: 45 минуты

Сценарий лабораторной работы Benefits Home Page Page.xaml HTML Test Page TestPage.html Веб- приложение Event Handling Page.xaml.cs or Page.xaml.vb

Обзор лабораторной работы Вопросы для самоконтроля Как вы можете создать объект XAML «прямоугольник»? Как вы можете создать объект XAML «круг»? Как вы можете легко добавить событие для многих процедуры контроля? Где находится код для объекта анимации?

Обзор модуля и выводы Вопросы для самоконтроля Реальные проблемы и сценарии