Что такое Silverlight приложении?

По умолчанию, вновь созданное Silverlight приложение содержит файлы Page. xaml и App. xaml, а так же код файлов классов (который может быть написан на VB, C#, Ruby или Python), которые ассоциированы с этими файлами.

XAML файлы - это текстовые XML файлы, которые могут быть использованы для декларативного описания пользовательского интерфейса в Silverlight или WPF приложениях. XAML может быть также использован в более широком смысле: для декларативного описания . NET объектов.

App. xaml файл обычно используется для объявления ресурсов, таких как кисти и стили объектов, которые доступны для всего приложения. Класс, асоциированный с App. xaml может быть использован для обработки событий приложения, таких как запуск приложения, завершение работы приложения, UnhandledException.

Page. xaml файл по умолчанию используется для запуска элементов управления пользовательского интерфейса, которые загружаются, когда приложение активизируется. С помощью него мы можем использовать элементы управления UI для описания нашего интерфейса пользователя, и затем обрабатывать события с помощью ассоциированного класса (на самом деле мы можем гораздо больше, но об этом позже).

Когда мы выполняем построение проекта (build), Visual Studio по умолчанию компилирует код и XAML разметку в стандартный файл . NET сборки, и затем упаковывает ее и другие статические ресурсы (такие, как изображения или другие статические файлы, которые мы хотим включить в нее) в “DigSample. xap” файл на диск:

“. xap” файлы (произносится как “зап”) используют стандартные алгоритмы zip сжатия для уменьшения обьема информации для загрузки клиенту. Приложение “Hello World” . NET Silverlight занимает около 4кб.

Для размещения и запуска приложения на Silverlight 2, вы можете добавить тэг <object> в любую стандартную HTML страницу (JavaScript не требуется), которая указывает на . xap файл. Silverlight автоматически загрузит. xap файл, создаст экземпляр, и разместит на HTML странице в браузере. Это работает с раздичными браузерами (Safari, Firefox, IE и т. д. ) и различными платформами (Windows, Mac и Linux).

Тестовые HTML и ASP. NET страницы (содержащие тэг <object>, ссылающийся на наше Silverlight приложение) были автоматически добавлены, когда мы создали наш проект - это значит, что мы можем нажать F5 для построения, запуска и тестирования его.

Как добавить элементы управления и обработчики событий?

Сейчас наше приложение не делает ничего, и когда оно запущено, отображается пустая страница.

Мы можем изменить это, открыв Page. xaml файл в проекте и добавив туда некоторое содержание.

Начнем, изменив содержание Grid, описанием кнопки внутри него. Добавим кнопку со значением аттрибута “x. Name” как “MyButton” - это позволит нам программно ссылаться на нее из кода ассоциированного класса. Также мы установим свойства Content, Width и Height. При запуске приложения наша кнопка отобразится на странице с надписью Push Me! внутри.

Для добавления функциональности нашей кнопке мы добавим обработчик событий “Click” в нее. Мы можем сделать это, набрав в исходном тексте имя события. Затем нас спросят, какой обработчик событий из ассоциированного класса мы хотим использовать:

Мы можем ввести или новое имя обработчика событий, которое мы хотим использовать, или просто нажать Enter (сгенерируется имя по умолчанию). VS автоматически создаст код обработчика событий в ассоциированном файле класса. Мы можем использовать этот обработчик событий для обновления содержимого кнопки новым сообщением, когда она нажата.

После внесения изменений мы можем перезапустить приложение и нажать кнопку снова, и теперь ее содержимое сменится на “Pushed!”.

Пробуем, делаем и радуемся первому приложению на Silverlight 2.