Элементы управления пользовательского интерфейса Silverlight (User Interface Controls)
ОГЛАВЛЕНИЕ
Рис. 1-1. Элементы управления Silverlight (для удобства, построены в две колонки)
Элементы управления Silverlight были созданы для предоставления хорошего внешнего вида, расширяемой и настраиваемой функциональности. Более того, все стандартные элементы управления могут быть изменены во многих направлениях для удовлетворения ваших потребностей.
Внешний вид элемента управления может быть настроен при помощи стилей либо полностью изменен при помощи шаблонов, а также можно изменить поведение элемента управления при помощи обработчиков события. В редких случаях, когда и этого вам будет мало, вы можете создать (либо унаследовать) ваши собственные специализированные элементы управления.
Данная статья рассматривает тему обработчиков событий. Стили (Styles), шаблоны (Templates) и специализированные элементы управления (Custom Controls) мы рассмотрим в следующих статьях.
Об области проектирования (Design Surface)
Текущая область проектирования (Design Surface) в Visual Studio доступна только для чтения (read only). То есть вы можете перетаскивать элементы управления на разметку (либо записать их вручную в файл Xaml), и вы сразу же увидите результат в области проектирования, но при этом вы пока не можете перетащить или совершать какие-либо манипуляции с элементами управления напрямую, в режиме редактирования. В данном случае альтернативой будет использование Expression Blend.
Обратите внимание на то, что элементы управления также могут быть созданиы динамически (в коде, во время выполнения) и мы позже покажем это в данной статье.
Элементы управления внешним видом (Layout Controls)
Использование данных элементов управления особенно важно при создании приложений Silverlight. Они используются для управления позиций других элементов управления (включая другие элементы управления внешним видом!) в вашем приложении Silverlight. Другими словами, данные элементы управления можно считать контейнерами.
Три элемента управления внешним видом, которые вы будете использовать чаще всего, это:
- Grid - в частности, это таблица, используемая для позиционирования объектов по строкам и колонкам.
- StackPanel - используется для позиционирования объектов рядом друг с другом, либо друг над другом.
- Canvas - используется для абсолютного позиционирования (и не был изменени с Silverlight версии 1.0)
Они были перечислены в порядке частоты использования. И, честно говоря, если вы поймете суть использования элементов Grid и StackPanel, то, скорее всего, вы сможете обойтись ими двумя.
Элемент управления Grid
Элементы управления Grid (не путайте с элементами управления DataGrid) предоставляют легкость в позиционировании при помощи табличной структуры. Вы объявляете строки и колонки и затем располагаете элементы управления в конкретную ячейку (в определенную колонку определенной строки).
В то время как вы можете настроить ваши табличные сетки для получения более точного позиционирования, основная функциональность сеток очень проста для понимания.
В общем, вы объявляете табличную сетку, объявляете ее строки и колонки и затем начинаете позиционировать элементы управления в конкретные ячейки (т.е., первая колонка, 3 строка). Для того, чтобы увидеть все это в действии давайте создадим приложение Silverlight: Easy Grid.