Язык программирования C#9 и платформа .NET5 - Троелсен Эндрю

<!-- Этот шаблон кнопки отобразит то, что установлено

     в свойстве Content размещающей кнопки -->

<ControlTemplate x:Key="NewRoundButtonTemplate" TargetType="Button">

  <Grid>

    <Ellipse Fill="{TemplateBinding Background}"/>

    <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>

  </Grid>

</ControlTemplate>

Встраивание шаблонов в стили

В данный момент наш шаблон просто определяет базовый внешний вид и поведение элемента управления Button. Тем не менее, за процесс установки базовых свойств элемента управления (содержимого, размера шрифта, веса шрифта и т.д.) отвечает сам элемент Button:

<b>&lt;!-- Сейчас базовые значения свойств должен устанавливать</b>

<b>     сам элемент Button, а не шаблон --&gt;</b>

&lt;Button x:Name=&quot;myButton&quot; Foreground=&quot;Black&quot; FontSize=&quot;20&quot;

  FontWeight=&quot;Bold&quot;

  Template=&quot;{StaticResource RoundButtonTemplate}&quot;

  Click=&quot;myButton_Click&quot;/&gt;

При желании значения базовых свойств можно устанавливать в шаблоне. В сущности, таким способом фактически создаются стандартный внешний вид и поведение. Как вам уже должно быть понятно, это работа стилей WPF. Когда строится стиль (для учета настроек базовых свойств), можно определить шаблон внутри стиля! Ниже показан измененный ресурс приложения внутри файла App.xaml, которому назначен ключ RoundButtonSyle:

&lt;!-- Стиль, содержащий шаблон -- &gt;

&lt;Style x:Key=&quot;RoundButtonStyle&quot; TargetType=&quot;Button&quot;&gt;

  &lt;Setter Property=&quot;Foreground&quot; Value=&quot;Black&quot;/&gt;

  &lt;Setter Property=&quot;FontSize&quot; Value=&quot;14&quot;/&gt;

  &lt;Setter Property=&quot;FontWeight&quot; Value=&quot;Bold&quot;/&gt;

  &lt;Setter Property=&quot;Width&quot; Value=&quot;100&quot;/&gt;

  &lt;Setter Property=&quot;Height&quot; Value=&quot;100&quot;/&gt;

  &lt;!-- Here is the template! --&gt;

  &lt;Setter Property=&quot;Template&quot;&gt;

    &lt;Setter.Value&gt;

      &lt;ControlTemplate TargetType=&quot;Button&quot;&gt;

<b>          &lt;!-- Далее следует сам шаблон --&gt;</b>

(window.adrunTag = window.adrunTag || []).push({v: 1, el: 'adrun-4-390', c: 4, b: 390})

      &lt;/ControlTemplate&gt;

    &lt;/Setter.Value&gt;

  &lt;/Setter&gt;

&lt;/Style&gt;

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

&lt;Button x:Name=&quot;myButton&quot; Background=&quot;Red&quot; Content=&quot;Howdy!&quot;

    Click=&quot;myButton_Click&quot; Style=&quot;{StaticResource RoundButtonStyle}&quot;/&gt;

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

Резюме

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

Затем был описан API-интерфейс анимации WPF. В приведенных примерах анимация создавалась с помощью кода С#, а также посредством разметки XAML. Для управления выполнением анимации, определенной в разметке, применяются элементы Storyboard и триггеры. Далее был продемонстрирован механизм стилей WPF, который интенсивно использует графику, объектные ресурсы и анимацию.

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

Кроме того, вы изучили роль стандартного шаблона. Не забывайте, что при построении специальных шаблонов вы по существу заменяете все визуальное дерево элемента управления (или часть дерева) собственной реализацией.

Глава 28

Уведомления WPF, проверка достоверности, команды и MWM

 В настоящей главе исследование программной модели WPF завершается рассмотрением возможностей, которые поддерживаются паттерном "модель-представление-модель представления" (Model View ViewModel — MWM). Вы также узнаете о системе уведомлений WPF и ее реализации паттерна "Наблюдатель" (Observer) через наблюдаемые модели и коллекции. Обеспечение автоматического отображения пользовательским интерфейсом текущего состояния данных значительно улучшает его восприятие конечными пользователями и сокращает объем ручного кодирования, требуемого для получения того же результата с помощью более старых технологий (вроде Windows Forms).

Во время разработки на основе паттерна "Наблюдатель" вы ознакомитесь с механизмами добавления проверки достоверности в свои приложения. Проверка достоверности — жизненно важная часть любого приложения, которая позволяет не только сообщать пользователю о том, что что-то пошло не так, но и указывать, в чем именно заключается проблема. Вы научитесь встраивать проверку достоверности в разметку представления для информирования пользователя о возникающих ошибках.