在 XAML 样式中，如何将纯色背景更改为渐变？

Posted 2023-02-22

【中文标题】在 XAML 样式中，如何将纯色背景更改为渐变？

【英文标题】：In XAML style, how to change solid background to gradient?

【发布时间】：2010-10-05 22:22:57

【问题描述】：

我有一个 MainResources.xaml 文件，其中我的样式定义了我的应用程序中每个窗口的外观：

  <Style x:Key="MainBorderStyle" TargetType="x:Type Border">
    <Setter Property="Background" Value="WhiteSmoke" />
    <Setter Property="BorderBrush" Value="LightGray" />
    <Setter Property="BorderThickness" Value="1" />
    <Setter Property="CornerRadius" Value="5" />
    <Setter Property="SnapsToDevicePixels" Value="True" />
  </Style>

我希望我的背景是这种渐变，而不是“WhiteSmoke”：

    <LinearGradientBrush>
        <GradientStop Color="#ccc" Offset="0"/>
        <GradientStop Color="#bbb" Offset="1"/>
    </LinearGradientBrush>

但以下尝试导致 VS2008 告诉我“样式设置器不支持子元素”：

<Style x:Key="MainBorderStyle" TargetType="x:Type Border">
    <Setter Property="Background">
        <LinearGradientBrush>
            <GradientStop Color="#ccc" Offset="0"/>
            <GradientStop Color="#bbb" Offset="1"/>
        </LinearGradientBrush>
    </Setter>
    <Setter Property="BorderBrush" Value="LightGray" />
    <Setter Property="BorderThickness" Value="1" />
    <Setter Property="CornerRadius" Value="5" />
    <Setter Property="SnapsToDevicePixels" Value="True" />
</Style>

将渐变色作为此样式背景的正确方法是什么？

【参考方案1】：

你错过了<Setter.Value>

<Style ...> 
   <Setter Property="...">
      <Setter.Value>
         <LinearGradientBrush />
      </Setter.Value>
   </Setter>
</Style>