У Bea Stollnitz было хорошее сообщение в блоге об использовании расширения разметки для этого под заголовком "Как установить несколько стилей в WPF?"
Этот блог уже мертв, поэтому я воспроизводю пост здесь
WPF и Silverlight предоставляют возможность извлекать стиль из другого стиля через свойство «BasedOn». Эта функция позволяет разработчикам организовывать свои стили, используя иерархию, аналогичную наследованию классов. Рассмотрим следующие стили:
<Style TargetType="Button" x:Key="BaseButtonStyle">
<Setter Property="Margin" Value="10" />
</Style>
<Style TargetType="Button" x:Key="RedButtonStyle" BasedOn="{StaticResource BaseButtonStyle}">
<Setter Property="Foreground" Value="Red" />
</Style>
При таком синтаксисе для свойства Button, использующего RedButtonStyle, будет установлено свойство Redground Red, а для свойства Margin - 10.
Эта функция уже давно используется в WPF, и она появилась в Silverlight 3.
Что если вы хотите установить более одного стиля для элемента? Ни WPF, ни Silverlight не предлагают решения этой проблемы "из коробки". К счастью, есть способы реализовать это поведение в WPF, о которых я расскажу в этом посте.
WPF и Silverlight используют расширения разметки для предоставления свойств со значениями, для получения которых требуется некоторая логика. Расширения разметки легко узнаваемы по наличию фигурных скобок, окружающих их в XAML. Например, расширение разметки {Binding} содержит логику для извлечения значения из источника данных и его обновления при возникновении изменений; расширение разметки {StaticResource} содержит логику для получения значения из словаря ресурсов на основе ключа. К счастью для нас, WPF позволяет пользователям создавать собственные расширения разметки. Эта функция еще не представлена в Silverlight, поэтому решение в этом блоге применимо только к WPF.
Другие написали отличные решения для объединения двух стилей с использованием расширений разметки. Однако мне нужно было решение, которое обеспечивало бы возможность объединения неограниченного числа стилей, что немного сложнее.
Написание расширения разметки очень просто. Первым шагом является создание класса, производного от MarkupExtension, и использование атрибута MarkupExtensionReturnType для указания того, что значение, возвращаемое из расширения разметки, должно иметь тип Style.
[MarkupExtensionReturnType(typeof(Style))]
public class MultiStyleExtension : MarkupExtension
{
}
Указание входов для расширения разметки
Мы хотели бы предоставить пользователям нашего расширения разметки простой способ указать стили, которые будут объединены. Существуют два основных способа, которыми пользователь может указать входные данные для расширения разметки. Пользователь может установить свойства или передать параметры конструктору. Поскольку в этом сценарии пользователю нужна возможность указывать неограниченное количество стилей, мой первый подход заключался в создании конструктора, который принимает любое количество строк, используя ключевое слово «params»:
public MultiStyleExtension(params string[] inputResourceKeys)
{
}
Моя цель состояла в том, чтобы иметь возможность написать входные данные следующим образом:
<Button Style="{local:MultiStyle BigButtonStyle, GreenButtonStyle}" … />
Обратите внимание на запятую, разделяющую клавиши разных стилей. К сожалению, пользовательские расширения разметки не поддерживают неограниченное количество параметров конструктора, поэтому такой подход приводит к ошибке компиляции. Если бы я заранее знал, сколько стилей я хотел бы объединить, я мог бы использовать тот же синтаксис XAML с конструктором, принимающим нужное количество строк:
public MultiStyleExtension(string inputResourceKey1, string inputResourceKey2)
{
}
В качестве обходного пути я решил, чтобы параметр конструктора брал одну строку, которая задает имена стилей, разделенные пробелами. Синтаксис не так уж плох:
private string[] resourceKeys;
public MultiStyleExtension(string inputResourceKeys)
{
if (inputResourceKeys == null)
{
throw new ArgumentNullException("inputResourceKeys");
}
this.resourceKeys = inputResourceKeys.Split(new char[] { ' ' }, StringSplitOptions.RemoveEmptyEntries);
if (this.resourceKeys.Length == 0)
{
throw new ArgumentException("No input resource keys specified.");
}
}
Расчет выхода расширения разметки
Чтобы вычислить вывод расширения разметки, нам нужно переопределить метод из MarkupExtension под названием «ProvideValue». Значение, возвращаемое этим методом, будет установлено в качестве цели расширения разметки.
Я начал с создания метода расширения для стиля, который знает, как объединить два стиля. Код для этого метода довольно прост:
public static void Merge(this Style style1, Style style2)
{
if (style1 == null)
{
throw new ArgumentNullException("style1");
}
if (style2 == null)
{
throw new ArgumentNullException("style2");
}
if (style1.TargetType.IsAssignableFrom(style2.TargetType))
{
style1.TargetType = style2.TargetType;
}
if (style2.BasedOn != null)
{
Merge(style1, style2.BasedOn);
}
foreach (SetterBase currentSetter in style2.Setters)
{
style1.Setters.Add(currentSetter);
}
foreach (TriggerBase currentTrigger in style2.Triggers)
{
style1.Triggers.Add(currentTrigger);
}
// This code is only needed when using DynamicResources.
foreach (object key in style2.Resources.Keys)
{
style1.Resources[key] = style2.Resources[key];
}
}
с логикойвыше, первый стиль изменен, чтобы включить всю информацию от второго. Если есть конфликты (например, оба стиля имеют установщик для одного и того же свойства), выигрывает второй стиль. Обратите внимание, что помимо копирования стилей и триггеров, я также принял во внимание значения TargetType и BasedOn, а также любые ресурсы, которые может иметь второй стиль. Для TargetType объединенного стиля я использовал тот тип, который является более производным. Если у второго стиля есть стиль BasedOn, я рекурсивно объединяю его иерархию стилей. Если у него есть ресурсы, я копирую их в первый стиль. Если эти ресурсы упоминаются с использованием {StaticResource}, они статически разрешаются до выполнения этого кода слияния, и, следовательно, нет необходимости перемещать их. Я добавил этот код на случай, если мы используем DynamicResources.
Метод расширения, показанный выше, включает следующий синтаксис:
style1.Merge(style2);
Этот синтаксис полезен при условии, что у меня есть экземпляры обоих стилей в ProvideValue. Ну, я не Все, что я получаю от конструктора, это список строковых ключей для этих стилей. Если бы была поддержка параметров в параметрах конструктора, я мог бы использовать следующий синтаксис для получения реальных экземпляров стиля:
<Button Style="{local:MultiStyle {StaticResource BigButtonStyle}, {StaticResource GreenButtonStyle}}" … />
public MultiStyleExtension(params Style[] styles)
{
}
Но это не работает. И даже если бы ограничение params не существовало, мы, вероятно, столкнулись бы с другим ограничением расширений разметки, где нам пришлось бы использовать синтаксис элемента свойства вместо синтаксиса атрибута для указания статических ресурсов, что является многословным и громоздким (я объясняю ошибка лучше в предыдущем сообщении в блоге ). И даже если бы этих ограничений не было, я бы все же предпочел написать список стилей, используя только их имена - он короче и проще для чтения, чем StaticResource для каждого из них.
Решением является создание StaticResourceExtension с использованием кода. Учитывая ключ стиля типа string и поставщика услуг, я могу использовать StaticResourceExtension для извлечения фактического экземпляра стиля. Вот синтаксис:
Style currentStyle = new StaticResourceExtension(currentResourceKey).ProvideValue(serviceProvider) as Style;
Теперь у нас есть все части, необходимые для написания метода ProvideValue:
public override object ProvideValue(IServiceProvider serviceProvider)
{
Style resultStyle = new Style();
foreach (string currentResourceKey in resourceKeys)
{
Style currentStyle = new StaticResourceExtension(currentResourceKey).ProvideValue(serviceProvider) as Style;
if (currentStyle == null)
{
throw new InvalidOperationException("Could not find style with resource key " + currentResourceKey + ".");
}
resultStyle.Merge(currentStyle);
}
return resultStyle;
}
Вот полный пример использования расширения разметки MultiStyle:
<Window.Resources>
<Style TargetType="Button" x:Key="SmallButtonStyle">
<Setter Property="Width" Value="120" />
<Setter Property="Height" Value="25" />
<Setter Property="FontSize" Value="12" />
</Style>
<Style TargetType="Button" x:Key="GreenButtonStyle">
<Setter Property="Foreground" Value="Green" />
</Style>
<Style TargetType="Button" x:Key="BoldButtonStyle">
<Setter Property="FontWeight" Value="Bold" />
</Style>
</Window.Resources>
<Button Style="{local:MultiStyle SmallButtonStyle GreenButtonStyle BoldButtonStyle}" Content="Small, green, bold" />
