Бюллетень cильверлайтера

Бюллетень Сильверлайтера. Выпуск №3

2009-07-10T07:35:55Z

Привет, коллеги. К всеобщей радости, сегодня нам стал доступен релиз Silverlight 3 и Expression Blend 3. Этот выпуск мы хотели бы посвятить третьему сильверлайту, поэтому приводим подбор ссылок на русскоязычные ресурсы по нему.

Итак, начнем непосредственно с виновников торжества:

Silverlight 3 RTW (3.0.40624.0),
Silverlight™ 3 SDK,
Silverlight™ 3 Tools for Visual Studio 2008 SP1,
Expression Blend 3 + SketchFlow RC,
Deep Zoom Composer
Silverlight Toolkit

Обзоры основных возможностей Silverlight 3:

Работа вне браузера

Поддержка работы Silverlight приложений вне браузера (внебраузерные, Offline Silverlight приложения) (Статья)
Создание внебраузерных Silverlight приложений от Сергея Пугачева – запуск Silverlight-приложений вне браузера как локальное приложение соответствующей ОС (Скринкаст)
Детектирование наличия/отсутствия сетевого соединения (Статья)

Навигация по приложению. Navigation Framework

Navigation Framework (Статья)
Навигация в Silverlight-приложениях. Поисковая оптимизация от Александра Порубова – SEO, работа с многостраничными Silverlight-приложениями, переход по меткам внутри приложения (Скринкаст)
Узнай о пользователе все: сбор статистики в Silverlight с помощью Google Analytics - статья об использовании Google Analytics в ваших RIA приложениях.

Новые элементы управления

Элементы управления – небольшой обзор новых элементов UI. (Статья)
Компонент DataForm в Silverlight 3 (Статья)
Стилизация каретки в Silverlight 3 (Статья)

3D проекции

Поддержка 3D (Статья)
Silverlight 3. Работа с 3D проекциями от Сергея Пугачева – обзор новых возможностей Silverlight по работе с трехмерной графикой (Скринкаст)

.NET RIA Services/Web services

Введение в .NET RIA Services – создание бизнес-приложений в Silverlight 3 от Сергея Звездина – обзор .NET RIA Services, платформы для создания бизнес-приложений на базе Silverlight 3 (Скринкаст)
Разработка бизнес-приложений с использованием .NET RIA Services и Silverlight 3 от Сергея Звездина – более глубокий часовой доклад по .NET RIA Services (Скринкаст)
Возможности Silverlight по работе с веб-сервисами от Виталия Дильмухаметова – обновление доклада с учетом новых возможностей Silverlight 3 по работе с веб-сервисами + возможности и прежних версий (Скринкаст)

Smooth Streaming

Обзор технологии Smooth Streaming от Михаила Черномордикова – на самом деле это не только Silverlight 3, там поддерживается и вторая версия. Технология динамического изменения качества видеосигнала в реальном времени на базе HTTP (Скринкаст)

Помимо всего перечисленного, доступна книга “Первый взгляд: Silverlight 3”, подробнее здесь - Первый взгляд: Silverlight 3 – бесплатная книга (Статья)

Обзоры возможностей Blend 3

Сценарий Master/Detail в Blend 3 (Статья)
Blend 3 как генератор данных (Статья)
Кто ищет – тот найдет…TFS. (Статья)
Скиннинг контролов. Слайдер. – скиннинг элементов управления с учетом возможностей Blend 3 (Статья)
Настоящее и будущее Expression Blend 3 от Алены Косинской – подробный доклад про новые возможности Blend 3 (Скринкаст)
Импорт файлов из Adobe Photoshop в Microsoft Expression Blend 3 от Алены Косинской – работа Blend 3 по импорту файлов из Photoshop (Скринкаст)
Blend 3 и Sketch Flow : прототипируем приложения от Алены Косинской – подробный доклад про очень интересную возможность SketchFlow по работе с прототипами для дизайнеров (Скринкаст)

Все приведенные ресурсы, связанные с Blend 3, созданы Аленой Косинской, за что ей огромное спасибо.

Материалов на русском очень много, что, несомненно, радует. Не стоит забывать, что большинство публикаций по Silverlight 2 применимы и к третьей версии. Используйте поиск по сайту – вы найдете массу информации. Также всегда рады видеть вас на нашем форуме. Обсуждайте, делитесь впечатлениями. На techdays.ru доступны скринкасты о любимой технологии.

Хочется обратить внимание на возможность публикации статьи в новостях/блогах. За время существования сайта, ни один участник сообщества не воспользовался данной функцией. Друзья, не стесняйтесь, делитесь опытом. Не нужно быть знатоком сильверлайта, чтобы прислать материал. Есть масса новичков, для которых ваши заметки могут стать хорошим подспорьем при освоении технологии. Все, что нужно – зайти в раздел добавления контента и отправить нам ваш пост.

Бюллетень Сильверлайтера. Выпуск №2.

2009-05-09T14:49:46Z

9 Мая 2009 года.

Здравствуйте, уважаемые сильверлайтеры! Вот и прошёл месяц, и мы, рады представить Вам второй выпуск нашего бюллетеня. Как всегда ждём от Вас откликов, мнений и предложений по улучшению бюллетеня и сайта silverlighter.ru в целом!

И, так как, сегодня 9 мая, не могу не поздравить Вас с днём Великой Победы!

Новости.

Доступна электронная книга "Первый взгляд Silverlight 3" на русском языке.
Вышел Moonlight 2.0 preview 1.
Для ознакомления и тестирования стал доступен Moonlight 2.0 preview 1. Напомню, что это open-source реализация технологии Silverlight под множество платформ.
Intuit.ru опубликовал курс "Введение в Microsoft Silverlight 2".
Всем начинающим сильверлайтерам будет полезно - Этот курс может стать вашим первым взгляд на инструменты и технологии создания приложений с использованием Silverlight 2.
DeepZoomPix: хостинг ваших фотографий в DeepZoom-виде.
Открыт онлайн-сервис по хранению и просмотру фотографий на базе DeepZoom. Сервис будет доступен до 31.12.2009, так что спешите оценить.
Webby Awards использует Silverlight.
Крупнейшая в мире интернет-премия Webby Awards в этом году выбрала технологию Silverlight для предоставления контента на своем сайте.
У New York Times появился Silverlight Kit.
Совсем недавно был анонсирован Silverlight Kit для New York Times APIs.

Компонент DataForm в Silverlight 3.

Многие улучшения третьего Сильверлайта направлены, в том числе и на упрощение создания бизнес приложений. Теперь нам доступны .NET RIA Services, а также расширен набор элементов управления для работы с данными. Одним из новых элементов управления является DataForm. О нём мы сегодня и поговорим. Элемент управления DataForm позволяет делать практически всё тоже, что и DataGrid, только в отличие от последнего, DataForm нацелен на работу с одной записью данных, а не с набором. Хотя и позволяет производить навигацию по набору данных, добавлять, удалять, просматривать и редактировать записи. При этом в каждый момент времени отображается только одна запись данных. В данной статье речь пойдёт о том, как работать с формами данных (DataForm). Рассказывается, как в графическом интерфейсе Сильверлайт приложений отобразить произвольную бизнес сущность, настроить валидацию отдельных полей и всей формы в целом, а также освещаются и другие не менее интересные темы, связанные с формами данных.

Введение.

Итак, давайте в Visual Studio 2008 создадим новый проект Silverlight приложения. Если Вы не знаете, как это сделать, обратитесь к соответствующим статьям и скринкастам на нашем сайте.

Приложение назовём «DataFormTest». И добавим в раздел References проекта сборку «System.Windows.Controls.Data.DataForm». Она может быть добавлена и автоматически при перетаскивании DataForm из Tolbox в XAML код, но сейчас мы всё сделаем вручную. Перейдём к XAML коду страницы MainPage.xaml и свяжем XML и CLR пространства имён. Это нужно для того, чтобы мы могли видеть из XAML .NET объекты. Для этого добавим код:

xmlns:dataControls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data.DataForm"

в элемент UserControl. Теперь он будет выглядеть приблизительно следующим образом:

<UserControl xmlns:dataControls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data.DataForm" x:Class="DataFormTest.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" MinWidth="400" MinHeight="300"> ... </UserControl> * This source code was highlighted with Source Code Highlighter.

Теперь пришло время добавить на страницу форму данных.

<dataControls:DataForm x:Name="mainData" Margin="50"></dataControls:DataForm> * This source code was highlighted with Source Code Highlighter.

Мы также задали для формы данных имя «mainData».Если запустить приложение, то мы увидим базовый интерфейс формы, но так как самих данных нет, особого интереса он не представляет.

Давайте добавим в проект DataFormTest новый класс «Person», который будет представлять собой данные о человеке. Для этого щёлкнем правой кнопкой мыши по проекту в окне Solution Explorer и выберем «Add->Class...». В появившемся диалоговом окне зададим имя класса и щёлкнем на кнопку OK. Теперь добавим в созданный нами класс свойства, нужные для хранения информации о человеке. А именно нас интересуют имя, фамилия и дата рождения. Вот полный исходный код данного класса:

public class Person { public string FirstName { get; set; } public string LastName { get; set; } public DateTime DateOfBirth { get; set; } } * This source code was highlighted with Source Code Highlighter.

Теперь в C# коде страницы MainPage.xaml создадим новый объект класса Person и установим этот объект текущим элементом данных для ранее созданной формы данных.

public MainPage() { InitializeComponent(); Person ivan = new Person(); ivan.FirstName = "Иван"; ivan.LastName = "Петров"; ivan.DateOfBirth=new DateTime(1980,1,1); mainData.CurrentItem = ivan; } * This source code was highlighted with Source Code Highlighter.

Если теперь запустить приложение, то мы увидим следующий интерфейс.

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

На рисунке показан режим редактирования и нажата кнопка в виде календаря рядом с полем даты рождения. Мы можем внести какие-либо изменения и нажать на кнопку «Save».

Но что делать, если нам не требуется отображать все свойства объекта? Для этого случая есть атрибут «Bindable». Вот пример кода установки данного атрибута для фамилии:

[Bindable(false)] public string LastName { get; set; } * This source code was highlighted with Source Code Highlighter.

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

Кроме того, используя атрибут «Bindable» можно сделать некоторые свойства доступными только для чтения:

[Bindable(true, BindingDirection.OneWay)] public string LastName { get; set; } * This source code was highlighted with Source Code Highlighter.

В этом случае связывание происходит только в одну сторону. Теперь давайте сделаем так, чтобы в форме данных отображалось не имя свойства, а заданный нами текст. Для этого можно использовать атрибут «Display» (предварительно надо подключить сборку System.ComponentModel.DataAnnotations.dll):

public class Person { [Display(Name = "Имя")] public string FirstName { get; set; } [Display(Name = "Фамилия")] public string LastName { get; set; } [Display(Name = "Дата рождения")] public DateTime DateOfBirth { get; set; } } * This source code was highlighted with Source Code Highlighter.

У атрибута «Display» есть и другие свойства, например можно задать описание свойств класса и порядок расположения свойств на форме данных.

[Display(Name = "Имя", Description = "Имя человека", Order = 1)] public string FirstName { get; set; } * This source code was highlighted with Source Code Highlighter.

Если задано описание, то оно отображается при наведении на маленький значок рядом со свойством.

Для свойства имени также задан порядковый номер. Но, так как для других свойств порядок не задан, они отображаются выше.

Отмена внесённых изменений.

Сейчас, нажав на кнопку «редактировать», мы видим внизу формы только кнопку «сохранить». Возможность отмены внесённых изменений не включена. Чтобы появилась кнопка «отменить», нам надо реализовать в классе Person интерфейс IEditableObject:

public class Person : IEditableObject * This source code was highlighted with Source Code Highlighter.

Интерфейс содержит следующие функции:

public void BeginEdit() { } public void CancelEdit() { } public void EndEdit() { } * This source code was highlighted with Source Code Highlighter.

Мы можем обработать момент начала редактирования (BeginEdit), конца редактирования (EndEdit) и нажатия кнопки отмены (CancelEdit).

После реализации интерфейса, как видно на рисунке, кнопка «Cancel» в режиме редактирования отображается, но саму функциональность отмены придется реализовывать самостоятельно.

Валидация данных.

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

Рассмотрим атрибут «Required». Он позволяет определить обязательные свойства, то есть такие свойства, которые при редактировании пользователь обязательно должен задать. Вот пример использования данного атрибута:

[Required(ErrorMessage="Имя является обязательным")] public string FirstName { get; set; } * This source code was highlighted with Source Code Highlighter.

Обязательные свойства при редактировании отображаются жирным шрифтом. При этом если удалить текст из поля «Имя» и нажать кнопку «Save», появится сообщение об ошибке, которое Вы можете видеть на рисунке. В сообщении будет отображаться заданный нами текст. Если же мы определим атрибут Required без параметра ErrorMessage, пользователь увидит стандартное сообщение.

Задав атрибут «StringLength», можно указать максимальную длину текста, вводимого пользователем.

[StringLength(10)] public string LastName { get; set; } * This source code was highlighted with Source Code Highlighter.

А атрибут «Range» позволяет задать допустимый интервал для числовых свойств.

[Range(10,50)] public int MyProperty { get; set; } * This source code was highlighted with Source Code Highlighter.

Кроме того есть атрибут «RegularExpression», который позволяет использовать для валидации вводимых значение регулярные выражения.

Но атрибуты использовать не обязательно. Давайте зададим для свойства даты рождения get и set функции и произведём валидацию в коде. Для хранения даты рождения мы добавим в класс поле dateOfBirth.

private DateTime _dateOfBirth; [Display(Name = "Дата рождения")] public DateTime DateOfBirth { get { return _dateOfBirth; } set { if (value > DateTime.Now) throw new InvalidOperationException("Привет тебе, гость из будущего!"); _dateOfBirth = value; } } * This source code was highlighted with Source Code Highlighter.

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

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

[CustomValidation(typeof(PersonValidator),"ValidatePerson")] public class Person * This source code was highlighted with Source Code Highlighter.

Вот, собственно, код класса валидатора:

public class PersonValidator { public static bool ValidatePerson(Person p) { return false; } } * This source code was highlighted with Source Code Highlighter.

Определить атрибут «CustomValidation» можно и у любого конкретного свойства.

Работа с набором данных.

До сих пор мы работали только с одним объектом данных. Теперь давайте посмотрим, как работать с набором объектов.

Для этого удалим наши изменения конструктора класса MainPage и добавим код создания набора объектов класса Person. А также свяжем свойство ItemsSource формы данных с созданной нами коллекцией:

public MainPage() { InitializeComponent(); ObservableCollection<Person> persons = new ObservableCollection<Person>(); persons.Add(new Person() { FirstName = "Иван", LastName = "Петров", DateOfBirth = DateTime.Now }); persons.Add(new Person() { FirstName = "Пётр", LastName = "Иванов", DateOfBirth = DateTime.Now }); persons.Add(new Person() { FirstName = "Владимир", LastName = "Сидоров", DateOfBirth = DateTime.Now }); mainData.ItemsSource = persons; } * This source code was highlighted with Source Code Highlighter.

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

Настройка формы данных.

Хотелось бы отметить, что у формы данных достаточно много свойств, позволяющих задать её внешний вид. Например, свойство «Header» позволяет установить заголовок формы, а свойство «FieldLabelPosition» задаёт расположение подписей:

<dataControls:DataForm x:Name="mainData" Margin="50" Header="Сотрудники" FieldLabelPosition="Top"></dataControls:DataForm> * This source code was highlighted with Source Code Highlighter.

Благодаря свойству «CanUserDeleteItems», можно включить или отключить возможность удаления записей. А свойства «CommitButtonContent» и «CancelButtonContent» задают текст на кнопках «Save» и «Cancel» соответственно. Есть и другие полезные свойства, назначения которых также легко понять по их названиям.

Стилизация каретки в Silverlight 3.

Мы все уже давно привыкли, что текущее положение каретки в документе можно визуально определить по мигающей вертикальной линии. Помните, как она выглядит? Узкая, шириной в несколько пикселей, полоска, окрашенная инвертированным фоновым цветом. Весьма неожиданно, но в третьей версии сильверлайта мы можем самостоятельно задавать стиль каретки!

У элемента TextBox появилось свойство CaretBrush, которое позволяет задать кисть, которой будет окрашена каретка. Например, можно задать в качестве фона каретки градиент, состоящий из цветов радуги:

<TextBox FontSize="70"> <TextBox.CaretBrush> <LinearGradientBrush MappingMode="RelativeToBoundingBox" StartPoint="0,0" EndPoint="0,1"> <LinearGradientBrush.GradientStops> <GradientStop Color="Red" Offset="0" /> <GradientStop Color="Orange" Offset="0.170" /> <GradientStop Color="Yellow" Offset="0.332" /> <GradientStop Color="Green" Offset="0.5"/> <GradientStop Color="Blue" Offset="0.633" /> <GradientStop Color="Indigo" Offset="0.812" /> <GradientStop Color="Violet" Offset="1" /> </LinearGradientBrush.GradientStops> </LinearGradientBrush> </TextBox.CaretBrush> </TextBox> * This source code was highlighted with Source Code Highlighter.

Вы можете использовать любую доступную кисть: SolidColorBrush, LinearGradientBrush, RadialGradientBrush, ImageBrush или VideoBrush.

Обходим кеширование изображений.

Сильверлайт устроен так, что по умолчанию он кэширует изображения, получаемые с сервера. Если вы задаете в качестве источника изображения для элемента Image картинку по URI-адресу, с которого она ранее уже была загружена, то ваше приложение не скачивает изображение с сервера, а берет из КЭШа. Это поведение можно очень легко изменить - достаточно задать у экземпляра BitmapImage свойство CreateOptions в BitmapCreateOptions.IgnoreImageCache, как это сделано в этом примере:

Image img = new Image(); Uri uri = new Uri("http://YourServer.com/MyImage.png", UriKind.Absolute); BitmapImage bi = new System.Windows.Media.Imaging.BitmapImage(uri); bi.CreateOptions = BitmapCreateOptions.IgnoreImageCache; img.Source = bi; LayoutRoot.Children.Add(img); * This source code was highlighted with Source Code Highlighter.

Вот заметка на эту тему (en)

Intuit.ru опубликовал курс "Введение в Microsoft Silverlight 2"

2009-04-30T07:20:02Z

Всем начинающим сильверлайтерам будет полезно - http://www.intuit.ru/department/internet/intmsilver2/.

В курсе нет чего-то, что бы вы не узнали из этого сайта или книги “Введение в Silverlight 2” Морони, однако, это не делает его менее интересным.

Цитата из официального анонса:

“Этот курс может стать вашим первым взгляд на инструменты и технологии создания приложений с использованием Silverlight 2.
Начните применять Silverlight 2 - кросс-платформенный, кросс-браузерный плагин для представления расширенных мультимедийных интерактивных приложений и пользовательских интерфейсов следующего поколения. Курс основан на знаниях команды разработчиков Microsoft Silverlight, процесс изучения построен с использованием практических упражнений, подробных указаний и примеров кода, чтобы вы сразу могли перейти к собственным разработкам.”

Бюллетень Сильверлайтера. Выпуск №1.

2009-04-08T07:19:00Z

9 Апреля 2009 года.

Хочется сообщить Вам новость от Российского сообщества пользователей Silverlight – мы начинаем выпускать информационный бюллетень. Бюллетень будет выходить регулярно. Сейчас планируется делать два выпуска в месяц. Если Вы хотите написать статью, скринкаст или заметку для бюллетеня, задать вопрос, предложить идею или просто поговорить про RIA технологии – можете писать на e-mail: spugachev@gmail.com или в форум на нашем сайте: http://silverlighter.ru/forums/.

Silverlight 3. Обзор некоторых новых возможностей.

Введение

В конце марта вышла бета версия третьего Сильверлайта. Она предназначена, прежде всего, для разработчиков и энтузиастов, а не для конечных пользователей. Релиз же выйдет до конца этого года. Тем разработчикам, кто сомневается, ставить ли данную версию или нет, скажу лишь, что в Silverlight 3 поддерживается полная обратная совместимость с Silverlight 2 и 1. То есть все существующие приложения работают и с новой версией без изменений.

Кроме того есть очень хороша новость - размер инсталлятора для Silverlight 3 не будет превышать аналогичный размер для Silverlight 2. Бета версия Silverlight 3 весит даже на 40кб меньше релиза второй версии. Что, учитывая обилие новых возможностей, не может не радовать.

Вместе с Silverlight 3 Beta вышли и Visual Studio Tools for Silverlight 3. Но, к сожалению, на данный момент нет поддержки мультитаргетинга для Silverlight проектов, поэтому установив Visual Studio Tools for Silverlight 3, Вы не сможете параллельно разрабатывать Silverlight 2 приложения. Но такое поведение в будущем, конечно же, будет исправлено.

Для того чтобы уже сегодня попробовать новые возможности вам потребуется следующее:

Silverlight 3 Beta Tools for Visual Studio
Silverlight 3 Beta developer runtimes: Windows или Mac (ставится автоматом с предыдущим)
Microsoft Expression Blend 3 Preview
Silverlight Toolkit
.NET RIA Services
Документация по Silverlight 3 Beta – онлайн или CHM-файлом

Ещё одной не менее приятной новостью является улучшенная компрессия .xap файлов (файлов Silverlight приложений). Размер типичного приложения просто при перекомпиляции в новой версии уменьшается на 10-30%.

Появилась поддержка кэширования сборок (assemblies), не входящих в базовую поставку Silverlight. Благодаря этому пользователь теперь может не скачивать такие сборки вмести с каждым приложением использующем их. К примеру, если разработчик приложения подключит сборку System.Windows.Controls.Data (включив предварительно возможность кэширования таких сборок в свойствах проекта), то внутри .xap файла мы её не найдём. Размер .xap файла также почти не изменится. А в AppManifest.xaml мы увидим следующее:

<Deployment.ExternalParts> <ExtensionPart Source="http://go.microsoft.com/fwlink/?LinkID= " /> </Deployment.ExternalParts> * This source code was highlighted with Source Code Highlighter.

Где «XXXXXX» обозначает код сборки. При загрузке приложения сборка скачивается с сайта Microsoft и кэшируется. Это даёт возможность разработчикам сделать свои приложения ещё меньше.

Однако обратите внимание, что кэширование по умолчанию не включено и включается оно для каждого конкретного приложения в свойствах проекта в Visual Studio установкой галочки «Reduce Xap size by caching framework extension assemblies».

Visual Studio 2010 будет содержать мощный интерактивный дизайнер для XAML кода Silverlight приложений. Будет улучшен также и IntelliSense. Но сейчас Вы можете только посмотреть демонстрацию на английском про то, как это будет выглядеть и работать. В текущей же версии такого дизайнера нет. Пока визуально редактировать Silverlight приложения в Visual Studio нельзя.

Для тех, кто предпочитает работать не в Visual Studio, а в Eclipse, есть отличная новость. Анонсирована поддержка разработки Silverlight приложений с помощью Eclipse на платформе Apple Macintosh (http://eclipse4sl.org/download/mac/). Но не забывайте, что Вы можете использовать Eclipse уже сейчас и для разработки Silverlight-приложений на платформе Windows .

И, конечно, дизайнеры будут рады выходу Expression Blend 3 Preview. В этой версии доступно огромное количество новых интересных и захватывающих возможностей, о которых Вы сможете прочитать в следующих выпусках данного бюллетеня.

Элементы управления

Многие разработчики с нетерпением ждали расширения списка доступных элементов управления, и это произошло. Было добавлено много элементов управления. В том числе, некоторые были перенесены из Silverlight Toolkit в runtime. Вот их список:

DockPanel
WrapPanel
Label
ViewBox
AutoCompleteBox
DataGrid
TreeView
Expander
HeaderedItemsControl
HeaderedContentControl

Все они уже достаточно хорошо знакомы. Однако в Silverlight 3 есть и абсолютно новые элементы управления:

DataForm. Настраиваемый элемент управления, отображающий одновременно одну сущность данных (объект, таблицу и.т.д.). Поддерживается удобное отображение, редактирование и навигация по источникам данных.
DataPager. Название данного элемента управления говорит само за себя. Поддерживается постраничный просмотр, для источников данных, реализующих интерфейс IPagedViewCollection. При работе с .NET RIA Services (ObjectDataSource поддерживает интерфейс IPagedViewCollection), DataPager позволяет быстро и эффективно постранично просматривать данные без необходимости загружать все страницы сразу на клиент.
Navigation Framework. Данный framework содержит два элемента управления: Frame и Page. Используя их, Вы сможете легко добавить постраничную навигацию (это похоже на то, как приходит навигация между HTML страницами) внутрь Вашего Silverlight приложения. Поддерживаются кнопки «Вперёд» и «Назад», а также журнал браузера. Кроме того теперь при переходе между страницами внутри Silverlight приложений адрес в адресной строке браузера также меняется. И благодаря этому теперь Вы можете дать пользователю ссылку, указывающую на какой-либо ресурс глубоко внутри Silverlight приложения. Что раньше было сделать затруднительно. Для тех, кто занимается поисковой оптимизацией (SEO), это является большим преимуществом новой версии.

Ну и, конечно же, новинки появились и в Silverlight Toolkit. Добавлены следующие замечательные элементы управления:

DomainUpDown
TimePicker
Accordion
ChildWindow (модальное диалоговое окно). Позволяет создать всплывающее диалоговое окно, блокирующее интерфейс приложения. Создать ChildWindow достаточно просто. Для этого в Visual Studio правой кнопкой мыши нажмите на проекте Silverlight приложения и выберете Add->New Item-> Silverlight Child Window. Присвойте окну имя и нажмите кнопку «OK». Будет создан XAML файл, содержащий примерно такой код:

<controls:ChildWindow x:Class="SilverlightApplication3.ChildWindow1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:controls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls" Width="400" Height="300" Title="ChildWindow1"> <Grid x:Name="LayoutRoot" Margin="2"> <Grid.RowDefinitions> <RowDefinition /> <RowDefinition Height="Auto" /> </Grid.RowDefinitions> <Button x:Name="CancelButton" Content="Cancel" Click="CancelButton_Click" Width="75" Height="23" HorizontalAlignment="Right" Margin="0,12,0,0" Grid.Row="1" /> <Button x:Name="OKButton" Content="OK" Click="OKButton_Click" Width="75" Height="23" HorizontalAlignment="Right" Margin="0,12,79,0" Grid.Row="1" /> </Grid> </controls:ChildWindow> * This source code was highlighted with Source Code Highlighter.

Использовать диалоговое окно можно следующим образом:

ChildWindow1 cw = new ChildWindow1(); cw.Show(); * This source code was highlighted with Source Code Highlighter.

Важной возможностью, относящейся к элементам управления, в Silverlight 3 является поддержка связывания свойств различных элементов напрямую (Element-to-Element Binding). Например:

<Grid x:Name="LayoutRoot" Background="White"> <StackPanel Orientation="Vertical"> <Slider x:Name="myslider" Minimum="0" Maximum="100" /> <TextBlock Text="{Binding Value, ElementName=myslider}" /> </StackPanel> </Grid> * This source code was highlighted with Source Code Highlighter.

Можно связать текст текстового блока со значением ползунка (Slider). Это происходит благодаря данной конструкции: {Binding Value, ElementName=myslider}.

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

Есть ещё одно нововведение, которое мне кажется потрясающе полезным. Я говорю про SaveFileDialog. Диалог сохранения файлов. В Silverlight 2 был только OpenFileDialog, теперь же у нас есть и второй участник дуэта. Благодаря SaveFileDialog, появляется возможность записать что-то на компьютер пользователя (конечно, с его согласия) за пределами изолированного хранилища. Ниже приведён пример использования SaveFileDialog:

SaveFileDialog dialog = new SaveFileDialog(); dialog.DefaultExt = ".txt"; dialog.Filter = "Text Files|*.txt|Log Files|*.log|All Files|*.*"; dialog.FilterIndex = 2; bool? dialogResult = dialog.ShowDialog(); if (dialogResult == true) { using (Stream fs = (Stream)dialog.OpenFile()) { using (StreamWriter sw = new StreamWriter(fs)) { sw.WriteLine("Привет SaveFileDialog!"); sw.Close(); } fs.Close(); } } * This source code was highlighted with Source Code Highlighter.

Поддержка 3D

Попробуйте 3D возможности третьего Сильверлайта на примере приложения:

Одной из самых захватывающих возможностей третьего Сильверлайта являются 3D-проекции. Естественно, учитывая, что плагин Silverlight весит достаточно мало, полноценную поддержку 3D реализовать затруднительно. Поэтому поддерживаются так называемые «Perspective transforms». То есть некоторые трехмерные трансформации, которые могут быть применены к визуальным элементам, скажем, в XAML коде, для имитирования вращения в трёхмерном пространстве. Ещё раз хочу отметить, что это не та трёхмерная графика, о которой мы говорим применительно к DirectX. Не поддерживаются 3D модели, отсечение и другие возможности. Но существующих возможностей вполне достаточно для добавления потрясающих 3D эффектов в Ваши приложения.

В коде за трёхмерные трансформации отвечает элемент PlaneProjection. И давайте посмотрим, как применить трансформацию к визуальному элементу, наследуемому от UIElement. В нашем случае таким элементом будет картинка.

Важно запомнить, что ось X проходит слева направо, ось Y сверху вниз, а ось Z перпендикулярно поверхности. Задавая какое-либо вращение, мы вращаем саму ось на определённое число градусов. К примеру, повернуть картинку на 45 градусов по оси X можно следующим кодом:

<Image x:Name="mainImg" Width="400" HorizontalAlignment="Center" VerticalAlignment="Center" Source="nature.jpg"> <Image.Projection> <PlaneProjection RotationX="45"></PlaneProjection> </Image.Projection> </Image> * This source code was highlighted with Source Code Highlighter.

Если мы хотим повернуть картинку по оси Y, то надо задать RotationY:

<Image.Projection> <PlaneProjection RotationY="45"></PlaneProjection> </Image.Projection> * This source code was highlighted with Source Code Highlighter.

В случае вращения по оси Z код будет почти идентичен:

<Image.Projection> <PlaneProjection RotationZ="45"></PlaneProjection> </Image.Projection> * This source code was highlighted with Source Code Highlighter.

И, конечно же, мы можем комбинировать вращения по осям координат, к примеру,

<Image.Projection> <PlaneProjection RotationX="45" RotationY="45" RotationZ="10"></PlaneProjection> </Image.Projection> * This source code was highlighted with Source Code Highlighter.

мы можем получить следующий результат:

Вы можете анимировать вращение осей, создавая интересные эффекты. Пример такой анимации приведён ниже. Анимация повторяется бесконечное число раз благодаря свойству RepeatBehavior="Forever". А также, повернувшись от 45 до -45 градусов, картинка совершает обратный поворот благодаря свойству анимации AutoReverse="True".

<UserControl x:Class="SilverlightApplication5.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" MinWidth="400" MinHeight="300"> <Grid x:Name="LayoutRoot" Background="White"> <Grid.Resources> <Storyboard x:Name="sbRotateImage"> <DoubleAnimation BeginTime="00:00:00" Storyboard.TargetName="mainImg" Storyboard.TargetProperty="(UIElement.Projection).(RotationX)" RepeatBehavior="Forever" AutoReverse="True" From="45" To="-45"> </DoubleAnimation> </Storyboard> </Grid.Resources> <Image x:Name="mainImg" Width="400" HorizontalAlignment="Center" VerticalAlignment="Center" Source="nature.jpg"> <Image.Projection> <PlaneProjection RotationX="45"></PlaneProjection> </Image.Projection> </Image> </Grid> </UserControl> * This source code was highlighted with Source Code Highlighter.

Кроме того требуется запустить анимацию. Давайте сделаем это в C# коде конструктора страницы, добавив строку sbRotateImage.Begin();.

public MainPage() { InitializeComponent(); sbRotateImage.Begin(); } * This source code was highlighted with Source Code Highlighter.

Запустите приложение, и наслаждайтесь красивой трёхмерной анимацией.

У PlaneProjection есть ещё некоторые параметры. Например, параметры, позволяющие задать точку, вокруг которой происходит вращение:

CenterOfRotationX
CenterOfRotationY
CenterOfRotationZ

Значения первых двух параметров задаются от 0 до 1 и привязаны к длине и ширине графического элемента. Последний параметр имеет абсолютную размерность. Значением по умолчанию для CenterOfRotationX и CenterOfRotationY является 0.5, а для CenterOfRotationZ – 0.

Также можно задать локальное или глобальное смещение:

LocalOffsetX
LocalOffsetY
LocalOffsetZ
GlobalOffsetX
GlobalOffsetY
GlobalOffsetZ

Смещения позволяют изменить положение графического элемента в трёхмерном пространстве. Например, один объект можно разместить на определенном удалении от другого. Отличаются смещения тем, что локальное смещение задаётся относительно контейнера, содержащего элемент, а глобальное относительно всего Silverlight приложения.

Поддержка работы Silverlight приложений вне браузера (внебраузерные, Offline Silverlight приложения)

Silverlight 3 приложения теперь можно устанавливать на локальный компьютер (если того захочет разработчик и пользователь, конечно). Они будут работать в своём окне, как и традиционные Windows приложения. Хранятся такие приложения физически на машине у пользователя. Для них можно автоматически создавать ярлык в меню «Пуск» и на рабочем столе. Они безопасны, так как работают в изолированной «песочнице», как и любые другие Silverlight приложения. Внебраузерные приложения поддерживают прозрачное автообновление, так что Вам не придётся заботиться об этом. Кроме того поддерживается интеграция с Windows 7. Но при этом такие приложения отлично работают и на MacOS X. Ещё одной важной особенностью является то, что Silverlight приложения теперь могут определять наличие соединения с интернетом и изменять своё поведение в зависимости от того, есть доступ к серверу или нет.

Для того чтобы Ваше Silverlight приложение смогло работать вне браузера, требуется совершить несколько простых действий.

Откройте в проекте файл Properties->AppManifest.xml и раскомментируйте следующие строки:

<Deployment.ApplicationIdentity> <ApplicationIdentity ShortName="Out of Browser Silverlight Application" Title="Window Title of Your Silverlight Application"> <ApplicationIdentity.Blurb>Description of your Silverlight application</ApplicationIdentity.Blurb> </ApplicationIdentity> </Deployment.ApplicationIdentity> * This source code was highlighted with Source Code Highlighter.

Свойства тэга ApplicationIdentity означают следующее:

ShortName – Имя приложения, отображаемое в названии ярлыка на рабочем столе и в меню «Пуск». Также данное имя отображается в контекстом меню, отображаемом при нажатии правой кнопкой мыши на Silverlight приложении как часть сообщения, предлагающего произвести установку.
Title – заголовок окна Silverlight приложения, когда оно работает вне браузера.
Blurb – данный текст отображается в секции «Comment» в свойствах ярлыка приложения.

Далее, когда Вы запустите Silverlight приложение, щёлкните по нему правой кнопкой мыши и в контекстом меню выберите «Install XXX onto this computer…», где XXX – ShortName Вашего приложения.

Обратите внимание, что если в файле AppManifest.xml не прописана нужная конфигурация, опция «Install XXX onto this computer…» будет недоступна. После нажатия на данный пункт меню появляется диалоговое окно.

Вы можете выбрать, куда разместить ярлык приложения, и после нажатия кнопки «OK» приложение установится на компьютер пользователя и запустится.

Вы можете удалить приложение, щёлкнув по нему во время работы и выбрав в контекстом меню пункт «Remove this application…»

Если Вы хотите программно определить работает приложение в браузере или вне его, используйте свойство RunningOffline объекта приложения:

if (App.Current.RunningOffline) { ///Приложение работает вне браузера! } * This source code was highlighted with Source Code Highlighter.

Кроме того, Вы можете задать для приложения свою иконку. Правда, требуются иконки разных размеров. Эти иконки будут отображаться при установке, в заголовке окна приложения, а также ярлык приложения будет иметь соответствующий вид. Для задания иконок, добавьте четыре .png файла в проект, и установите для них «Build Action» в значение «Content». Кроме того в секции ApplicationIdentity файла AppManifest.xml пропишите слудующий код:

<ApplicationIdentity.Icons> <Icon Size="16x16">images/icon16.png</Icon> <Icon Size="32x32">images/icon32.png</Icon> <Icon Size="64x64">images/icon64.png</Icon> <Icon Size="128x128">images/icon128.png</Icon> </ApplicationIdentity.Icons> * This source code was highlighted with Source Code Highlighter.

Полностью секция будет выглядеть так:

<Deployment.ApplicationIdentity> <ApplicationIdentity ShortName="Out of Browser Silverlight Application" Title="Window Title of Your Silverlight Application"> <ApplicationIdentity.Blurb>Description of your Silverlight application</ApplicationIdentity.Blurb> <ApplicationIdentity.Icons> <Icon Size="16x16">images/icon16.png</Icon> <Icon Size="32x32">images/icon32.png</Icon> <Icon Size="64x64">images/icon64.png</Icon> <Icon Size="128x128">images/icon128.png</Icon> </ApplicationIdentity.Icons> </ApplicationIdentity> </Deployment.ApplicationIdentity> * This source code was highlighted with Source Code Highlighter.

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

И ещё хотелось бы пару слов сказать о том, как работают внебраузерные Silverlight приложения. После установки третьей версии Сильверлайта, в каталоге установки (C:\Program Files\Microsoft Silverlight\3.0.40307.0) Вы сможете найти приложение sllauncher.exe, которое занимается обеспечением работы Silverlight приложений вне браузера. Посмотрев на свойства ярлыка внебраузерного Silverlight приложения мы увидим, что на самом деле как раз и запускается sllauncher.exe, которому передаётся идентификатор нужного приложения. А само приложение хранится в подпапке директории C:\Users\#YourName#\AppData\LocalLow\Microsoft\Silverlight\Offline. Там для каждого приложения есть своя подпапка, название которой и является идентификатором приложения. Внутри можно найти .xap файл, иконку и некоторые другие файлы.

Детектирование наличия/отсутствия сетевого соединения

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

Silverlight 3, кроме того, что Вы можете определить есть ли соединение с интернетом или нет, можно детектировать момент, когда соединение появляется или исчезает. Итак, давайте посмотрим на код, проверяющий наличие соединения:

if (NetworkInterface.GetIsNetworkAvailable()) { //Сделать что-то, требующее наличия соединения } * This source code was highlighted with Source Code Highlighter.

Он говорит сам за себя. А для определения момента, когда сетевое подключение появляется или исчезает, подпишитесь на событие NetworkChange.NetworkAddressChanged:

NetworkChange.NetworkAddressChanged += new NetworkAddressChangedEventHandler(NetworkChange_NetworkAddressChanged); * This source code was highlighted with Source Code Highlighter.

В обработчике события используйте уже знакомый код:

void NetworkChange_NetworkAddressChanged(object sender, EventArgs e) { if (NetworkInterface.GetIsNetworkAvailable()) { //Сделать что-то, требующее наличия соединения } } * This source code was highlighted with Source Code Highlighter.

Таким образом, Вы сможете, отловив момент, когда состояние сетевого соединения меняется, проверить его наличие и выполнить какие-либо действия.

Navigation Framework

Выше уже вскользь упоминался Navigation Framework. Теперь пришло время рассмотреть его подробнее на конкретном примере.

Давайте в Visual Studio создадим новый проект, выбрав File->New Project…->Silverlight->Silverlight Navigation Application. То есть мы будем использовать шаблон проекта «Silverlight Navigation Application». В принципе это не обязательно и Вы можете использовать стандартный шаблон для Silverlight проектов, или добавить поддержку навигации в существующее приложение. Используя же специализированный шаблон просто немного легче начать.

Введите имя для нового проекта и нажмите «OK». Выбранный шаблон содержит базовое приложение с некоторым графическим интерфейсом. Обратите внимание, что страницы приложения содержатся в папке «Views», а MainPage.xaml является контейнером (мастер страницей).

Вы уже сейчас можете запустить приложение и попробовать перейти на страницу «About», посмотреть на изменения в адресной строке браузера, которые при этом происходят, и воспользоваться кнопкой «Назад». Вся эта функциональность доступна по умолчанию.

Если мы заглянем в код страницы MainPage.xaml, то увидим, в том числе и такие строки:

<navigation:Frame x:Name="Frame" Source="/Views/HomePage.xaml" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" Padding="15,10,15,10" Background="White"/> * This source code was highlighted with Source Code Highlighter.

Здесь используется элемент управления Frame. В этот фрейм загружаются различные страницы. Если провести аналогию с ASP.NET, то Frame в чём-то похож на ContentPlaceHolder (хотя Frame обладает более богатыми возможностями). Давайте посмотрим на наиболее важные свойства и методы фрейма:

Source – это свойство задаёт Uri страницы, которая будет открыта при загрузке фрейма.
JournalOwnership – данное свойство определяет, сохранять ли историю в журнале браузера или фрейм будет использовать собственный журнал для этих целей.
Frame.Navigate (Uri uri) – данный метод позволяет загрузить во фрейме страницу, адрес которой передаётся ему параметром. Не забывайте указывать в начале адреса слеш "/". Давайте посмотрим на пример использования данного метода:
Frame.Navigate(new Uri( "/Views/Home.xaml", UriKind.Relative ) );

Также у фрейма есть много полезных событий, на которые можно подписаться, например Navigating, Navigated, NavigationFailed и NavigationStopped.

Теперь взглянем на код страницы HomePage.xaml:

<navigation:Page x:Class="SilverlightApplication6.HomePage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation" Title="Моё Супер приложение"> <Grid x:Name="LayoutRoot" Background="White"> <StackPanel> <TextBlock Text="Home" Style="{StaticResource HeaderTextStyle}"/> <StackPanel Style="{StaticResource ContentTextPanelStyle}"> <TextBlock Text="To learn more about Silverlight visit " Style="{StaticResource ContentTextStyle}"/> <HyperlinkButton Content="http://www.silverlight.net" NavigateUri="http://www.silverlight.net" Style="{StaticResource HyperlinkButtonStyle}"/> </StackPanel> </StackPanel> </Grid> </navigation:Page> * This source code was highlighted with Source Code Highlighter.

Вы видите, что здесь используется элемент управления Page. Обратите внимание на свойство «Title». С его помощью можно задать текст, который будет находиться, в заголовке окна браузера при отображении конкретной страницы. В данном случае я задал Title="Моё Супер приложение":

По умолчанию фрейм интегрируется с журналом браузера. Когда происходит переход между страницами, информация об этом сохраняется в журнале. Кроме того, Вы можете использовать и кнопки «Вперёд/Назад»:

Однако, как я уже говорил, у фрейма есть свойство JournalOwnership, которое может принимать следующие значения:

Automatic – если браузер позволяет, история сохраняется в его журнал, если нет, она сохраняется только в журнал фрейма.
OwnsJournal – история сохраняется только в журнал фрейма.
UsesParentJournal – фрейм будет использовать журнал и настройки фрейма, в котором находится сам (родительского фрейма). Если родительского фрейма нет, используется режим «Automatic».

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

Есть одна небольшая проблема. Из кода дочерней страницы мы не имеем прямого доступа к объекту фрейма на главной странице. Но на помощь нам приходит NavigationService. Благодаря которому, мы можем производить навигацию, то есть изменять страницу, загруженную во фрейм из кода любой внутренней страницы.

Сделать это можно примерно так:

this.NavigationService.Navigate(new Uri( String.Format( "/Views/NextPage.xaml?title={0}&param={1}", ...), UriKind.Relative ) ); * This source code was highlighted with Source Code Highlighter.

Обратите внимание, что поддерживается передача параметров прямо в строке адреса. Получить переданные таким образом параметры позволяет свойство NavigationContext.

if (this.NavigationContext.QueryString.ContainsKey("param") && this.NavigationContext.QueryString.ContainsKey("title")) { string title = this.NavigationContext.QueryString["title"]; string param = this.NavigationContext.QueryString["param"]; } * This source code was highlighted with Source Code Highlighter.

Как я уже говорил, когда происходит навигация внутри Silverlight приложения, адрес в адресной строке браузера также меняется. Если Вы копируете такой адрес и вставите в адресную строку в новом окне браузера, Silverlight приложение загрузится на нужной странице. Доступ к строке запроса из приложения можно получить, используя объект NavigationContext.

Заключение

Мы рассмотрели некоторые возможности третьего Сильверлайта. Надеюсь, они понравятся Вам также, как нравятся мне. О других возможностях мы расскажем в следующих выпусках.

Трюки и советы

Layout transform в Silverlight

В WPF у элементов интерфейса есть замечательное свойство – LayoutTransform, которое позволяет применить трансформацию к содержимому этих элементов. При этом размеры родительского элемента остаются прежними, а трансформированное содержимое масштабируется так, чтобы поместиться в отведенное ему место.

LayoutTransform необходима, если вы, например, хотите повернуть текст внутри кнопки вертикально:

Однако, в силу того, что сильверлайт не имеет этого свойства, придется использовать RenderTransform, и в итоге получится следующее:

Что же делать

Безусловно, добиться нужного эффекта можно и имеющимися средствами – рассчитать отступы и применить TranslateTransform, но это лишние затраты времени. Представьте, что вам нужно применить группу трансформаций к содержимому нескольких элементов интерфейса (да-да, такое бывает нужно), тогда для каждого придется проводить хитрые математические расчеты для правильного отображения. Думаю, те кто применял LayoutTransform в WPF, будут разочарованы предстоящим объемом работы, ведь там это делается одной строчкой кода.

Пока разработчики думают включать ли LayoutTransform в следующие версии сильверлайта, в блоге Delay's Blog уже появилось решение этой проблемы. Автор блога David Anson написал замечательный контрол LayoutTransformControl, который позволяет оборачивать нужное содержимое и применять к нему трансформации так, как будто используется «настоящая» LayoutTransform.

Использование

Для начала необходимо добавить пространство имен к любому родительскому элементу по отношению к контролу LayoutTransformControl, например, к UserControl:

xmlns:local="clr-namespace:LayoutTransformControlSample;assembly=ИмяПодключенойСборки" * This source code was highlighted with Source Code Highlighter.

Далее оборачиваем нужное содержимое в теги

<local:LayoutTransformControl.Transform /> * This source code was highlighted with Source Code Highlighter.

Теперь можно применять любую доступную трансформацию через свойство LayoutTransformControl.Transform :

<local:LayoutTransformControl.Transform> <TransformGroup> <RotateTransform Angle="-90" /> <SkewTransform AngleX="10" AngleY="4" /> </TransformGroup> </local:LayoutTransformControl.Transform> * This source code was highlighted with Source Code Highlighter.

Вот все, что нужно написать для примера с кнопкой:

<Button Width="200" Height="100"> <local:LayoutTransformControl> <local:LayoutTransformControl.Transform> <RotateTransform Angle="-90" /> </local:LayoutTransformControl.Transform> <TextBlock Text="Кликни меня" /> </local:LayoutTransformControl> </Button> * This source code was highlighted with Source Code Highlighter.

Где достать

Скачать этот контрол можно отсюда – LayoutTransformControl.zip. Одна из статей, посвященных ему - Lying to the layout system for a good cause [Bringing LayoutTransform to Silverlight 2!]. В архиве помимо исходников находятся наглядные примеры использования этого элемента и сравнения с RenderTransform.

Замена класса App в Silverlight приложении

Как известно, по умолчанию стартовым классом всех Silverlight приложений является App, часть описания которого можно найти в файле App.xaml.cs. Изменить стандартное поведение можно очень просто:

1. Нужно добавить в ваш Silverlight проект класс, производный от Application. Например, назовем его NewStartClass, вот содержимое файла NewStartClass.cs:

using System; using System.Net; using System.Windows; using System.Windows.Controls; using System.Windows.Documents; using System.Windows.Ink; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Animation; using System.Windows.Shapes; namespace SilverlightApplication3 { public class NewStartClass: Application { } } * This source code was highlighted with Source Code Highlighter.

2. Откроем свойства silverlight проекта (Правой кнопкой на название проекта -> Properties). На вкладке Silverlight в ниспадающем списке под названием Startup Object выбираем только что созданный класс.

Все готово! Теперь в качестве стартового будет использоваться наш класс. Но давайте в заключение добавим корневой элемент визуального интерфейса, чтобы что-нибудь отображалось пользователю на экране. Корневым элементом может быть любой класс, производный от UIElement. По умолчанию используется класс Page, его экземпляр и создадим.

3. Итак, добавим конструктор по умолчанию

public NewStartClass() { this.Startup += new StartupEventHandler(NewStartClass_Startup); } * This source code was highlighted with Source Code Highlighter.

Вот обработчик события старта приложения:

void NewStartClass_Startup(object sender, StartupEventArgs e) { Page root = new Page(); this.RootVisual = root; } * This source code was highlighted with Source Code Highlighter.

В нем просто устанавливаем корневым элементом экземпляр класса Page.