Язык программирования C#9 и платформа .NET5
</Trigger></Style.Triggers></Style>Здесь коллекция
наблюдает за тем, когда свойствоTriggersвозвратит значениеIsMouseOver. После того как это произойдет, определяется элементtrueдля выполнения простой раскадровки, которая заставляет кнопку за две секунды увеличиться до значенияTrigger.EnterActions, равногоHeight(и затем возвратиться к значению200, равномуHeight). Чтобы отслеживать другие изменения свойств, можно также добавить область40и определить в ней любые специальные действия, которые должны быть выполнены, когдаTrigger.ExitActionsизменяется наIsMouseOver.falseПрименение стилей в коде
Вспомните, что стиль может применяться также во время выполнения. Прием удобен, когда у конечных пользователей должна быть возможность выбора внешнего вида для их пользовательского интерфейса, требуется принудительно устанавливать внешний вид и поведение на основе настроек безопасности (например, стиль
) или еще в какой-то ситуации.DisableAllButtonВ текущем проекте было определено порядочное количество стилей, многие из которых могут применяться к элементам управления
. Давайте переделаем пользовательский интерфейс главного окна, чтобы позволить пользователю выбирать имена имеющихся стилей в элементе управленияButton. На основе выбранного имени будет применен соответствующий стиль. Вот финальная разметка для элементаListBox:DockPanel<DockPanel ><StackPanel Orientation="Horizontal" DockPanel.Dock="Top" Margin="0,0,0,50"><Label Content="Please Pick a Style for this Button" Height="50"/><ListBox x:Name="lstStyles" Height="80" Width="150" Background="LightBlue"SelectionChanged="comboStyles_Changed" /></StackPanel><Button x:Name="btnStyle" Height="40" Width="100" Content="OK!"/></DockPanel>Элемент управления
(по имениListBox) будет динамически заполняться внутри конструктора окна:IstStylespublic MainWindow(){InitializeComponent();// Заполнить окно со списком всеми стилями для элементов Button.lstStyles.Items.Add("GrowingButtonStyle");lstStyles.Items.Add("TiltButton");lstStyles.Items.Add("BigGreenButton");lstStyles.Items.Add("BasicControlStyle");}}Последней задачей является обработка события
в связанном файле кода. Обратите внимание, что в следующем коде имеется возможность извлечения текущего ресурса по имени с использованием унаследованного методаSelectionChanged:TryFindResouce()private void comboStyles_Changed(object sender, SelectionChangedEventArgs e){<b> // Получить имя стиля, выбранное в окне со списком.</b>var currStyle=(Style)TryFindResource(lstStyles.SelectedValue);if (currStyle==null) return;<b> // Установить стиль для типа кнопки.</b>this.btnStyle.Style=currStyle;}После запуска приложения появляется возможность выбора одного из четырех стилей кнопок на лету. На рис. 27.9 показано готовое приложение в действии.
Логические деревья, визуальные деревья и стандартные шаблоны
Теперь, когда вы понимаете, что собой представляют стили и ресурсы, есть еще несколько тем, которые потребуется раскрыть, прежде чем приступать к изучению построения специальных элементов управления. В частности, необходимо выяснить разницу между логическим деревом, визуальным деревом и стандартным шаблоном. При вводе разметки XAML в Visual Studio или в редакторе вроде Kaxaml разметка является логическим представлением документа XAML. В случае написания кода С#, который добавляет в элемент управления
новые элементы, они вставляются в логическое дерево. По существу логическое представление отражает то, как содержимое будет позиционировано внутри разнообразных диспетчеров компоновки для главного элементаStackPanel(или другого корневого элемента, такого какWindowилиPage).NavigationWindowОднако за каждым логическим деревом стоит намного более сложное представление, которое называется визуальным деревом и внутренне применяется инфраструктурой WPF для корректной визуализации элементов на экране. Внутри любого визуального дерева будут находиться полные детали шаблонов и стилей, используемых для визуализации каждого объекта, включая все необходимые рисунки, фигуры, визуальные объекты и объекты анимации.
Полезно уяснить разницу между логическим и визуальным деревьями, потому что при построении специального шаблона элемента управления на самом деле производится замена всего или части стандартного визуального дерева элемента управления собственным вариантом. Следовательно, если нужно, чтобы элемент управления
визуализировался в виде звездообразной фигуры, тогда можно определить новый шаблон такого рода и подключить его к визуальному деревуButton. Логически тип остается тем же типомButton, поддерживая все ожидаемые свойства, методы и события. Но визуально он выглядит совершенно по-другому. Один лишь упомянутый факт делает WPF исключительно полезным API-интерфейсом, поскольку другие инструментальные наборы для создания кнопки звездообразной формы потребовали бы построения совершенно нового класса. В инфраструктуре WPF понадобится просто определить новую разметку.Button
