C# 使用WPF为多个动态蒙皮词典创建别名颜色定义
我正在尝试在一个大型WPF应用程序中设置一个主题框架。目前,我们找到的解决方案是为每个调色板创建单独的.xaml文件,如下所示:C# 使用WPF为多个动态蒙皮词典创建别名颜色定义,c#,wpf,xaml,themes,dynamicresource,C#,Wpf,Xaml,Themes,Dynamicresource,我正在尝试在一个大型WPF应用程序中设置一个主题框架。目前,我们找到的解决方案是为每个调色板创建单独的.xaml文件,如下所示: <LightColors.xaml> <Color x:Key="MainPanelColor">Aqua</Color> <Color x:Key="MainItemColor">Orange</Color> <SolidColorBrush x:Key="MainPanelBrush" Color=
<LightColors.xaml>
<Color x:Key="MainPanelColor">Aqua</Color>
<Color x:Key="MainItemColor">Orange</Color>
<SolidColorBrush x:Key="MainPanelBrush" Color="{StaticResource MainPanelColor}" />
<SolidColorBrush x:Key="MainItemBrush" Color="{StaticResource MainItemColor}" />
水绿色
橙色
然后,UI引用这些项目,如下所示:
<Textblock Foreground="{DynamicResource MainItemBrush}"/>
在运行期间,在C#中更改调色板。这个主题框架完成了允许在运行时更改主题的任务
问题:我想在UI和颜色之间创建一个层,以便调色板颜色可以链接到整个UI中使用的大量颜色定义列表。我发现的唯一解决方案是在works附近添加如下文件:
<ColorDefinitions.xaml>
<DynamicResource x:Key="Textblock_SetupPage_Foreground" ResourceKey="MainItemBrush" />
<DynamicResource x:Key="SecondDefinition" ResourceKey="MainItemBrush" />
<Textblock Foreground="{StaticResource Textblock_SetupPage_Foreground}" />
private void RadioButton_Checked(object sender, RoutedEventArgs e)
{
string skinName = "LightSkin";
if (((RadioButton)sender).Name == "DarkSkin")
{
skinName = "DarkSkin";
}
ResourceDictionary resources = new ResourceDictionary();
resources.Source = new Uri($"pack://application:,,,/MySkinsLibrary;component/Skins/{skinName}.xaml");
Application.Current.Resources = resources;
}
并在UI中引用此新资源,如下所示:
<ColorDefinitions.xaml>
<DynamicResource x:Key="Textblock_SetupPage_Foreground" ResourceKey="MainItemBrush" />
<DynamicResource x:Key="SecondDefinition" ResourceKey="MainItemBrush" />
<Textblock Foreground="{StaticResource Textblock_SetupPage_Foreground}" />
private void RadioButton_Checked(object sender, RoutedEventArgs e)
{
string skinName = "LightSkin";
if (((RadioButton)sender).Name == "DarkSkin")
{
skinName = "DarkSkin";
}
ResourceDictionary resources = new ResourceDictionary();
resources.Source = new Uri($"pack://application:,,,/MySkinsLibrary;component/Skins/{skinName}.xaml");
Application.Current.Resources = resources;
}
不过,这个解决方案并不完全有效。它只允许单个UI元素使用一个动态资源,如“Textblock\u SetupPage\u Foreground”,将Textblock引用更改为DynamicSource会产生错误。如何完成此任务?不太确定这是否解决了您的问题,但我可以向您展示如何在LOB中实现蒙皮。示例解决方案由两个程序集和示例应用程序组成 MyCustomControlLibrary定义了颜色和笔刷以及一个示例自定义控件。颜色和画笔可以进一步分离成一个额外的组件 MySkinsLibrary定义皮肤并使用MyControlLibrary中的定义(资源) WpfSkinTestApp使用皮肤,并间接使用MyCStumControl库 Colors.xaml:
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:MyCustomControlLibrary">
<Color x:Key="MyDarkColor">#FF123456</Color>
<Color x:Key="MyLightColor">#FF456789</Color>
<Color x:Key="MyNeutralColor">#FF666666</Color>
对于完整性,这是测试应用程序的主窗口:
<Window x:Class="WpfSkinTestApp.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:customControls="clr-namespace:MyCustomControlLibrary;assembly=MyCustomControlLibrary"
xmlns:local="clr-namespace:WpfSkinTestApp"
mc:Ignorable="d"
Title="MainWindow" Height="350" Width="525"
Background="{StaticResource MyNeutralColorBrush}">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition Height="Auto"/>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<TextBlock Grid.Column="1"
Grid.Row="1"
Text="Example Colors"
Style="{DynamicResource MyTextBlockStyle}"/>
<customControls:MyCustomControl Grid.Column="1"
Grid.Row="2"
Style="{DynamicResource MyCustomControlStyle}"/>
<StackPanel Grid.Column="2"
Grid.Row="2"
Margin="24" >
<RadioButton x:Name="LightSkin" GroupName="1" Content="Light Skin" IsChecked="True" Checked="RadioButton_Checked"/>
<RadioButton x:Name="DarkSkin" GroupName="1" Content="Dark Skin" Checked="RadioButton_Checked"/>
</StackPanel>
</Grid>
如果这是您想要的,请告诉我。感谢您为这个答案所付出的努力。您的解决方案与我最终使用的类似:在每个skin resourcedictionary中重新定义资源。我为颜色和画笔重新定义了Button_Base_BorderDisabled等资源,您也重新定义了MyTextBlockStyle等样式。我希望的仍然存在。。。将颜色链接到一个别名中。例如,为MyDarkColor、MyLightColor和MyNeutralColor(如MainColor)创建别名,并在整个UI中仅使用MainColor引用,但使其可以动态更改。
private void RadioButton_Checked(object sender, RoutedEventArgs e)
{
string skinName = "LightSkin";
if (((RadioButton)sender).Name == "DarkSkin")
{
skinName = "DarkSkin";
}
ResourceDictionary resources = new ResourceDictionary();
resources.Source = new Uri($"pack://application:,,,/MySkinsLibrary;component/Skins/{skinName}.xaml");
Application.Current.Resources = resources;
}
<Window x:Class="WpfSkinTestApp.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:customControls="clr-namespace:MyCustomControlLibrary;assembly=MyCustomControlLibrary"
xmlns:local="clr-namespace:WpfSkinTestApp"
mc:Ignorable="d"
Title="MainWindow" Height="350" Width="525"
Background="{StaticResource MyNeutralColorBrush}">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition Height="Auto"/>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<TextBlock Grid.Column="1"
Grid.Row="1"
Text="Example Colors"
Style="{DynamicResource MyTextBlockStyle}"/>
<customControls:MyCustomControl Grid.Column="1"
Grid.Row="2"
Style="{DynamicResource MyCustomControlStyle}"/>
<StackPanel Grid.Column="2"
Grid.Row="2"
Margin="24" >
<RadioButton x:Name="LightSkin" GroupName="1" Content="Light Skin" IsChecked="True" Checked="RadioButton_Checked"/>
<RadioButton x:Name="DarkSkin" GroupName="1" Content="Dark Skin" Checked="RadioButton_Checked"/>
</StackPanel>
</Grid>