Ресурсы и стили. Подключение внешних ресурсов

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

Файлы ресурсов в WPF

Для примера, воспользуемся приложением из предыдущей части. Напомню, что в этом приложении мы определили ресурс на уровне окна приложения:

<Window.Resources>
    <LinearGradientBrush x:Shared="False" x:Key="MyBrush">
        <GradientStopCollection>
            <GradientStop Color="DarkRed" Offset="0"></GradientStop>
            <GradientStop Color="Red" Offset="0.5"></GradientStop>
            <GradientStop Color="LightPink" Offset="1"></GradientStop>
        </GradientStopCollection>
    </LinearGradientBrush>
</Window.Resources>

Когда ресурсов не много, то можно оставить этот код как есть. Однако, в приложениях могут быть десятки, а то и сотни различных ресурсов, включая и стили оформления элементов управления из-за чего XAML-код страницы или окна приложения может принять нечитаемый вид. Логично вынести ресурсы во внешний файл (или несколько файлов). Например, создадим в проект новую папку Resources:

Теперь добавим в эту папку новый файл с ресурсами. Для этого можно воспользоваться контекстным меню проекта и выбрать элемент «Словарь ресурсов (WPF)»:

В результате, в наш проект добавиться новый файл, содержащий «скелет» словаря ресурсов:

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    
</ResourceDictionary>

Перенесем в этот файл ресурс из окна приложения:

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <LinearGradientBrush x:Shared="False" x:Key="MyBrush">
        <GradientStopCollection>
            <GradientStop Color="DarkRed" Offset="0"></GradientStop>
            <GradientStop Color="Red" Offset="0.5"></GradientStop>
            <GradientStop Color="LightPink" Offset="1"></GradientStop>
        </GradientStopCollection>
    </LinearGradientBrush>
</ResourceDictionary>

При этом, в главном окне кнопка «потеряет» ресурс и станет выглядеть следующим образом:

Чтобы воспользоваться ресурсом из внешнего файла, мы должны воспользоваться подключением файла ресурсов. Рассмотрим подключение файла ресурсов в WPF.

Подключение файла ресурсов

Файлы ресурсов подключаются c использованием ResourceDictionary. Перейдем в файл MainWindow.xaml и изменим его следующим образом:

<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <ResourceDictionary Source="/Resources/Res.xaml"/>
    </Window.Resources>
    <Grid>
        <Button Content="Кнопка"
                Width="200"
                Height="100"
                Background="{StaticResource MyBrush}"
                Click="Button_Click"/>
    </Grid>
</Window>

Обратите внимание на то, как мы подключили внешний файл ресурсов:

<Window.Resources>
    <ResourceDictionary Source="/Resources/Res.xaml"/>
</Window.Resources>

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <FontWeight x:Key="ExtraBoldFont">ExtraBold</FontWeight> 
</ResourceDictionary>

<Window.Resources>
     <ResourceDictionary Source="/Resources/Res.xaml"/>
     <ResourceDictionary Source="/Resources/TextStyles.xaml"/>
</Window.Resources>

<Window.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="/Resources/Res.xaml"/>
            <ResourceDictionary Source="/Resources/TextStyles.xaml"/>
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Window.Resources>

<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/Resources/Res.xaml"/>
                <ResourceDictionary Source="/Resources/TextStyles.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Window.Resources>
    <Grid>
        <Button Content="Кнопка"
                Width="200"
                Height="100"
                FontWeight="{StaticResource ExtraBoldFont}"
                Background="{StaticResource MyBrush}"
                Click="Button_Click"/>
    </Grid>
</Window>