Главная » Silverlight » Элементы

0

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

В этой главе приведен обзор базовых элементов Silverlight. Здесь вы ознакомитесь с элементами, с которыми до сих пор не встречались. Сначала в главе рассматривается вывод форматированного текста с помощью элемента TextBlock и растровых изобра­жений с помощью элемента Image. Затем вы ознакомитесь с элементами управления разных типов, включая кнопки и всплывающие подсказки. И наконец, мы рассмотрим несколько специализированных элементов, таких как списки, раскрывающиеся списки, флажки и т.д. Прочитав главу до конца, вы будете хорошо знакомы с главными компо­нентами страницы Silverlight.

Новые средства. В Silverlight 3 добавлен ряд новых элементов управления. Все их вы увидите в табл. 5.1. Однако большинство новых элементов управления не описано в данной главе. Их описание приводится в главах, посвященных соответствующим темам, таким как навигация (глава 7) и связывание данных (глава 17). В данной главе рассматривается только один новый элемент управления — AutoCompleteBox. Номера глав, в которых описаны другие новые элементы, приведены в табл. 5.1.

Silverlight

В главе 3 рассматривается несколько базовых элементов Silverlight, таких как кон­тейнеры, кнопки и текстовые блоки. Некоторые специализированные элементы, позво­ляющие рисовать двухмерные изображения, зумировать изображения и воспроизводить видеофайлы, будут рассмотрены в следующих главах. В данной главе рассматривается базовый набор элементов — кнопки, списки, флажки, текстовые блоки и так далее, — применяемых для создания пользовательских интерфейсов.

В табл. 5.1 приведен краткий обзор всех элементов Silverlight, включая те, кото­рые не рассматриваются в данной главе. Список элементов упорядочен по алфави­ту, как и в окне инструментов Visual Studio. Новые элементы управления отмечены звездочками.

В главе 1 отмечено, что платформа Silverlight содержит ряд элементов управления, не являющихся базовыми. При компиляции проекта они автоматически включаются в архив ХАР и могут быть развернуты с приложением. Как видно из табл. 5.1, большин­ство элементов являются базовыми. К ним относятся даже такие специализированные элементы, как MultiScalelmage.

Таблица 5.1. Silverlight

Класс

Описание

Глава

Сборка (если элемент не базовый)

AutoCompleteBox (Текстовое поле с автоматической подсказкой)’

Текстовое поле, предоставляющее список допустимых вариантов во время ввода данных пользователем

5

System.Windows. Controls.Input.dll

Border (Рамка)

Прямоугольная или скругленная рамка, рисуемая вокруг одного элемента

3

Button (Кнопка)

Командная кнопка, выводимая с серым фоном; при щелчке на кнопке запускается определенная операция

5

Calendar (Календарь)

Календарь, отображающий один месяц и позволяющий пользователю выбрать единственную дату

5

System.Windows. Controls.dll

Canvas (Холст)

Контейнер, позволяющий позиционировать элементы на основе точных координат

3

CheckBox(Флажок)

Флажок может быть установлен или снят; рядом с флажком может выводиться текстовое содержимое

5

СошЬоВох

(Раскрывающийся

список)

Список, в котором пользователь может выбрать один элемент ‘

5

DataGrid (Решетка данных)

Контейнер, отображающий коллекцию объектов данных во многих строках и столбцах; предоставляет средства сортировки и выбора

17

System.Windows. Controls.Dat$.dll

DataPager (Страницы данных)*

Элемент управления, создающий страницы для источников данных и работающий совместно с другими элементами, такими как DataGrid

17

System.Windows. Controls.Data.dll

DatePicker (Поле даты)

Текстовое поле, предназначенное для ввода даты; для облегчения выбора даты содержит раскрывающийся календарь

5

System.Windows. Controls.Data.dll

DescriptionViewer (Описание)"

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

16

Ellipse (Эллипс)

Элемент, рисующий эллипс

8

Frame (Фрейм)"

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

7

Продолжение табл. 5.1

Класс

Описание

Глава

Сборка (если элемент не базовый)

Grid (Решетка)

Контейнер, размещающий элементы содержимого в решетке

3

GridSplitter (Разделитель решетки)

Полоска, позволяющая пользователю перетаскивать границы смежных строк и столбцов контейнера Grid

3

System.Windows. Controls.dll

HyperlinkButton (Кнопка гиперссылки)

Кнопка, позволяющая пользователю перейти к другой веб-странице

5

image (Изображение)

Элемент, отображающий растровое изображение

5

Label (Надпись)

Текстовый элемент, похожий на TextBlock, но более мощный; в паре с элементом связывания данных Label может анализировать объект связанных данных, извлекать текст заголовка и принимать решение, что должно быть выведено: поле или сообщение об ошибке

16

System.Windows. Controls.dll

Line (Отрезок)

Элемент, рисующий отрезок прямой линии

8

ListBox (Список)

Список, в котором пользователь может выбрать один пункт

5

MediaElement (Проигрыватель)

Окно, в котором воспроизводится видеосодержимое

11

MultiScaleImage

(Зумируемое

изображение)

Элемент, позволяющий зумировать и панорамировать изображение

11

PasswordBox (Поле ввода пароля)

Поле ввода, маскирующее текст (вместо символов отображаются окружности)

5

ProgressBar (Индикатор прогресса)

Цветная полоска, длина которой отображает процент выполнения задачи

5

RadioButton (Переключатель)

Небольшая окружность, представляющая элемент, находящийся в одном из двух состояний; в отличие от флажка, в установленном состоянии может быть только один переключатель

5

Rectangle (Прямоугольник)

Элемент, рисующий прямоугольник

8

ScrollViewer (Полоса прокрутки)

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

3

Slider (Ползунок)

Полоска, позволяющая пользователю задать или изменить числовое значение путем перетаскивания

5

Окончание табл. 5.1

Класс

StackPanel

Описание

Панель, размещающая элементы

Глава

3

і Сборка (если элемент не базовый)

(Потоковая панель)

в горизонтальном или вертикальном

потоке

TabControl (Панель

Контейнер, создающий вкладки и

5

System.Windows.

вкладок)

позволяющий просматривать в каждый

Controls.dll

момент времени содержимое только

одной вкладки

TextBlock

Элемент, выводящий форматируемый

5

(Текстовый блок)

многострочный текст

TextBox (Текстовое

Элемент, позволяющий вводить

5

поле)

текстовые данные

ToggleButton

Кнопка, которая может находиться в

5

(Переключаемая

одном из двух состояний: включенном

кнопка)

или выключенном

Treeview (Дерево)*

Мощный элемент управления,

17

Sysem.Windows.

отображающий древовидную

Controls.dll

иерархическую структуру

ValidationSummary

Список сообщений об ошибках,

16

System.Windows.

(Итоги проверки)*

полученных от разных элементов

Controls.Data.

управления; предназначен для

Input.dll

использования с инструментами

связывания данных

В следующих разделах подробно рассматриваются некоторые из элементов, приве­денных в табл. 5.1, и обсуждается их настройка в приложении.

Совет. Если вам понадобятся дополнительные элементы управления, просмотрите набор элементов Silverlight Toolkit — бесплатно распространяемую надстройку, которую можно загрузить со страницы www.codeplex.com/ silverlight. Набор Toolkit содержит, например, элементы, отображающие диаграммы разных видов, включая круговые и точечные (как в Excel). После инсталляции Silverlight Toolkit новые элементы управления можно увидеть во вкладке Silverlight окна инструментов.

Источник: Мак-Дональд, Мэтью. Silverlight 3 с примерами на С# для профессионалов. : Пер. с англ. —- М. : ООО «И.Д. Вильяме», 2010. — 656 с. : ил. — Парал. тит. англ.

По теме:

  • Комментарии