时间戳

首页 > 解决方案 > WPF MaterialDesign SolidColorBrush 值冲突

c# - WPF MaterialDesign SolidColorBrush 值冲突

问题描述

我正在使用 Material Design 来设计我的 WPF 应用程序。我使用以下代码来设置选项卡视图的样式：

<ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>

            <!-- Material Design -->
            <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Dark.xaml" />
            <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" />
            <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.DeepPurple.xaml" />
            <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Lime.xaml" />

            <!-- Styles -->
            <ResourceDictionary>
                <ResourceDictionary.MergedDictionaries>
                    <!--<ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Dark.xaml" />-->
                </ResourceDictionary.MergedDictionaries>

                <!-- Tab Controller Primary Styles -->
                <SolidColorBrush x:Key="PrimaryHueLightBrush" Color="#212121"/>
                <SolidColorBrush x:Key="PrimaryHueLightForegroundBrush" Color="#212121"/>

                    <!-- This causes a clash between the tabview and the textbox colors -->
                    <SolidColorBrush x:Key="PrimaryHueMidBrush" Color="#212121"/>
                    <!--<SolidColorBrush x:Key="PrimaryHueMidBrush" Color="#BB86FC"/>-->
                

                <SolidColorBrush x:Key="PrimaryHueMidForegroundBrush" Color="#FFFFFF"/>
                <SolidColorBrush x:Key="PrimaryHueDarkBrush" Color="#212121"/>
                <SolidColorBrush x:Key="PrimaryHueDarkForegroundBrush" Color="#212121"/>
            </ResourceDictionary>

            

            <!-- Tab Controller Secondary Styles -->
            <ResourceDictionary>
                <ResourceDictionary.MergedDictionaries>
                </ResourceDictionary.MergedDictionaries>
                <SolidColorBrush x:Key="SecondaryAccentBrush" Color="#BB86FC"/>
                <SolidColorBrush x:Key="SecondaryAccentForegroundBrush" Color="#BB86FC"/>
            </ResourceDictionary>
            <ResourceDictionary Source="pack://application:,,,/Dragablz;component/Themes/materialdesign.xaml"/>
        </ResourceDictionary.MergedDictionaries>
        <Style TargetType="{x:Type dragablz:TabablzControl}" BasedOn="{StaticResource MaterialDesignTabablzControlStyle}" />
        
    </ResourceDictionary>

我遇到的问题是要设置 TabController 主要样式的样式，它会更改应用程序中 TextBox 的颜色。

当我应用深色来设置选项卡视图的样式时，TextBox 失去了紫色突出显示。

选项卡视图的样式正确，但由于颜色较深，TextBox 不再是紫色

选项卡视图现在是错误的，但文本框是正确的

但是现在在第二张图片中，当我将 TextBox 的颜色改回紫色时，TabView 看起来很可怕。

它们的样式都依赖于相同的字典键。有没有办法可以根据应用的对象类型更改 x:Key 值？保留两个组件所需的样式的最佳方法是什么。

这是我的大学论文，所以我很感激帮助！

一切顺利。

标签： c#wpfxamluser-interfacematerial-design-in-xaml

解决方案

Material Design 画笔用于各种样式的控件，使用DynamicResource. 这意味着如果您在运行时使用相同的画笔替换或注册画笔x:Key，所有动态引用都将被调整，并且更改将应用​​于您定义它的资源字典范围内的所有控件。

通常，您必须复制要应用更改的颜色的控件的默认样式和模板并对其进行调整，例如，通过创建单独的画笔并使用它而不是原始画笔，因为值是在直接控制模板而不是模板绑定。

在这种情况下，TabablzControl可能有更简单的方法。从它在 GitHub 上的默认样式，我只能看到它的一种用法PrimaryHueMidBrush设置BorderBrush为Setter. 你可以用你的风格覆盖它。

<Style TargetType="{x:Type dragablz:TabablzControl}" BasedOn="{StaticResource MaterialDesignTabablzControlStyle}">
   <Setter Property="BorderBrush" Value="#212121"/>
</Style>

当然，您可以创建一个自定义画笔并通过引用它DynamicResource而不是对其进行硬编码。

<Setter Property="BorderBrush" Value="{DynamicResource MyCustomPrimaryHueMidBrush}"/>

推荐阅读