【问题标题】:Window background black color when stylised程式化时的窗口背景黑色
【发布时间】:2019-03-08 02:15:17
【问题描述】:

我正在尝试将以下背景画笔应用于NavigationWindow

<NavigationWindow.Background>
    <RadialGradientBrush GradientOrigin="0.496,1.052">
        <RadialGradientBrush.RelativeTransform>
            <TransformGroup>
                <ScaleTransform CenterX="0.5" CenterY="0.5" 
                                ScaleX="1.5" ScaleY="1.5"/>
                <TranslateTransform X="0.02" Y="0.0"/>
            </TransformGroup>
        </RadialGradientBrush.RelativeTransform>
        <GradientStop Offset="1" Color="#00000000"/>
        <GradientStop Offset="0.2" Color="#FFFFFFFF"/>
    </RadialGradientBrush>
</NavigationWindow.Background>

目前在NavigationWindow 元素中除了这个setter 之外什么都没有 身体,我正在尝试在一个新项目中解决它。设计器显示了正确的颜色,但在运行时它变得比应有的颜色深得多:

这是它的外观,也是设计师正确显示它的方式:

这就是它在运行时的样子:

我尝试将相同的画笔应用于Page 元素,效果很好。

【问题讨论】:

    标签: wpf xaml colors styles


    【解决方案1】:

    这是因为您的黑色是 100% 透明的,并且在运行时背景是黑色的。在你方格白色背景显示的设计师。您可以通过两种方式证明这一点。首先将 Visual Studio 设置为暗模式。其次将 NavigationWindow 更改为Background=Transparent。您将在运行时看到它有黑色背景。另一方面,在页面上设置透明背景会导致白色背景。

    尝试使用所有不透明的颜色。像这样的:

    <NavigationWindow.Background>
        <RadialGradientBrush GradientOrigin="0.496,1.052">
            <RadialGradientBrush.RelativeTransform>
                <TransformGroup>
                    <ScaleTransform CenterX="0.5" CenterY="0.5" 
                                ScaleX="1.5" ScaleY="1.5"/>
                    <TranslateTransform X="0.02" Y="0.0"/>
                </TransformGroup>
            </RadialGradientBrush.RelativeTransform>
            <GradientStop Offset="1" Color="#FF4B4B4B"/>
            <GradientStop Offset="0.2" Color="#FFFFFFFF"/>
        </RadialGradientBrush>
    </NavigationWindow.Background>
    

    【讨论】:

    • 没有页面来源,因此没有页面可以将背景设置为透明,即使有,也不能解决问题。
    • 您没有在示例中看到设计器画布(方格背景)是如何通过窗口的透明背景显示的吗?在运行时,黑色背景只是简单地显示出来,看起来与设计画布不同。尝试为您的窗口设置 AllowsTransparency="True" WindowStyle="None" 并运行它。这应该能让您更好地了解实际发生的情况。
    • 对渐变使用所有不透明的颜色。 #FF??????,而不是#00??????
    猜你喜欢
    • 1970-01-01
    • 2020-11-25
    • 1970-01-01
    • 2015-05-06
    • 1970-01-01
    • 2023-03-26
    • 1970-01-01
    • 2017-02-18
    • 2014-01-30
    相关资源
    最近更新 更多