4.2.2. Стили и шаблоны элементов управления wpf Общие сведения о стилях и шаблонах элементов управления wpf.

Под стилем в WPF понимают совокупность значений свойств, которые можно применить к нужному элементу. То есть стиль WPF – это объект, который поддерживает коллекцию пар «свойство-значение».

Система стилей WPF играет ту же роль, что и стандарт каскадных таблиц стилей (CSS) при разработке Web-страниц. Использование стилей обеспечивает повторное использование вариантов форматирования.

Каждый стиль представлен классом System.Windows.Style. Этот класс имеет свойство Setters, которое является коллекцией объектов Setter. Именно объект Setter позволяет определять пары «свойство-значение». Другими важными элементами класса Style являются:

Стили WPF поддерживают триггеры, которые позволяют изменять стиль элемента при изменении определенного свойства.

В WPF отсутствует возможность применить один стиль к элементам разных типов.

В WPF каждый элемент управления имеет встроенное средство, определяющее способ его визуализации с помощью блока XAML-разметки и называемое шаблоном элемента управления (control template). С помощью шаблонов можно создавать новые элементы управления на основе существующих.

Шаблон элемента управления задается как ресурс WPF с помощью элемента ControlTemplate.

❒ Пример 4.1. Разработка стилей и шаблонов элементов управления для приложения WPF.

Требуется добавить кисти, стили и шаблоны для элементов управления из приложения WPF со страничной навигацией (пример 3.2).

Определим в документе App.xaml следующие стили и шаблоны элементов управления:

• стиль по умолчанию для всех элементов Hyperlink;

• LabelStyle – стиль меток, задающих заголовки окон; дополнительно зададим в данном стиле линейную градиентную кисть;

• LabelStyle2 – стиль меток, задающих заголовки страниц; данный стиль определим на основе стиля LabelStyle;

• DataGridStyle – стиль для таблиц DataGrid;

• MenuTemplate – шаблон для главного меню, в котором должны быть определены такие пункты, как «Редактировать», «Отменить», «Создать», «Удалить», «Выход», «Отчет»;

• StatusBarTemplate – шаблон для строки состояния (элемент StatusBar).

Для окна MainWindow, а также для всех загружаемых в него страниц определим линейную градиентную кисть WindowBackground.

Дополнительно добавим в приложение окно DiagramWindow для построения диаграмм и формирования отчетов. Данное окно должно открываться при выборе пункта Отчет главного меню.

В окне DiagramWindow поместим элемент Canvas, а также пару кнопок (элементы Button): «Построить» и «Очистить». Кроме того, в ресурсах данного окна добавим радиальную градиентную кисть BackgrDiagramWindow. Для кнопок создадим стиль buttonStyle, который будет определять их фон и некоторые другие свойства.

Код XAML-документа App.xaml с определенными в нем стилями и шаблонами приведен в листингах 4.1 и 4.2. Код XAML-документа MainWindow.xaml для главного окна с определенной в нем кистью показан в листинге 4.3.

Листинг 4.1. Код XAML-документа App.xaml (часть 1)