WPF 邊框樣式引發 InvalidCastException

Question

在我的項目中，我創建了一個文件 (styles.xaml)，其中包含我在應用程序中使用的所有 styles。 我試圖為我的邊框控件創建以下樣式。

<DataTemplate x:Key="MyBackgroundTemplate">
    <LinearGradientBrush EndPoint="0.5,1" MappingMode="RelativeToBoundingBox" StartPoint="0.5,0">
         <GradientStop Color="#FF2A2A2A" Offset="1"/>
         <GradientStop Color="#FF4E4E4E"/>
    </LinearGradientBrush>
</DataTemplate>

<Style x:Key="BorderBackground" TargetType="{x:Type Border}">
    <Setter Property="Background" Value="{DynamicResource MyBackgroundTemplate}"/>
</Style>

在我的 MainWindow.xaml 文件中，我以這種方式使用樣式：

<Border Grid.Column="4" BorderBrush="Black" CornerRadius="10" BorderThickness="1" Margin="5" Style="{DynamicResource BorderBackground}"/>

運行應用程序時出現以下錯誤：

InvalidCastException：無法將“System.Windows.DataTemplate”類型的 object 轉換為“System.Windows.Media.Brush”類型。

誰能告訴我我做錯了什么？ 如何在我的 MainWindow.xaml 文件中使用這種樣式？

Answer 1

正如錯誤已經指出的那樣， Background的類型是Brush ，因此您不能分配DataTemplate 。 刪除DataTemplate標記並調整其名稱並以您的風格引用它。

<LinearGradientBrush x:Key="MyBackgroundBrush" EndPoint="0.5,1" MappingMode="RelativeToBoundingBox" StartPoint="0.5,0">
   <GradientStop Color="#FF2A2A2A" Offset="1"/>
   <GradientStop Color="#FF4E4E4E"/>
</LinearGradientBrush>

如果您不需要重用LinearGradientBrush ，您可以將其內聯到您的樣式中。

<Style x:Key="BorderBackground" TargetType="{x:Type Border}">
   <Setter Property="Background">
      <Setter.Value>
         <LinearGradientBrush EndPoint="0.5,1" MappingMode="RelativeToBoundingBox" StartPoint="0.5,0">
            <GradientStop Color="#FF2A2A2A" Offset="1"/>
            <GradientStop Color="#FF4E4E4E"/>
         </LinearGradientBrush>
      </Setter.Value>
   </Setter>
</Style>

Answer 2

如果您堅持使用資源綁定：

<LinearGradientBrush x:Key="MyBackgroundTemplate" EndPoint="0.5,1" MappingMode="RelativeToBoundingBox" StartPoint="0.5,0">
     <GradientStop Color="#FF2A2A2A" Offset="1"/>
     <GradientStop Color="#FF4E4E4E"/>
</LinearGradientBrush>

<Style x:Key="BorderBackground" TargetType="{x:Type Border}">
    <Setter Property="Background" Value="{StaticResource MyBackgroundTemplate}"/>
</Style>