在 DataGridRow ControlTemplate 中使用 VisualStates

Question

我为 DataGridRow 创建了自定义样式，它还更改了我在 Visual Studio 中获得的控件模板（右键单击控件并选择编辑模板副本（抱歉，我没有准确的翻译））。首先，我省略了整个 VisualStateManager 的东西，一切正常。但是当我想要交替使用行颜色时，我想我必须使用状态为 'Normal_AlternatingRow' 的 VisualStateManager。不幸的是，一旦取消注释 VisualStateManager，我就会收到此错误：

'[Unknown]' 属性没有指向路径 '(0).(1)[0].(2)'

中的依赖对象

这是我的带有模板的 DataGridRow 样式：

<Style x:Key="DataGridRowStyle" TargetType="{x:Type DataGridRow}">
<Setter Property="HeaderStyle" Value="{StaticResource DataGridRowHeaderStyle}"/>
<Setter Property="Background" Value="{StaticResource ControlLightBackgroundBrush}"/>
<Setter Property="SnapsToDevicePixels" Value="true"/>
<Setter Property="Template">
  <Setter.Value>
    <ControlTemplate TargetType="{x:Type DataGridRow}">
      <Border x:Name="DGR_Border" BorderBrush="{TemplateBinding BorderBrush}" 
              BorderThickness="{TemplateBinding BorderThickness}" 
              Background="{TemplateBinding Background}" SnapsToDevicePixels="True"                  >
        <SelectiveScrollingGrid>
          <SelectiveScrollingGrid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="*"/>
          </SelectiveScrollingGrid.ColumnDefinitions>
          <SelectiveScrollingGrid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
          </SelectiveScrollingGrid.RowDefinitions>
          <DataGridCellsPresenter Grid.Column="1" ItemsPanel="{TemplateBinding ItemsPanel}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
          <DataGridDetailsPresenter Grid.Column="1" Grid.Row="1" 
                                    SelectiveScrollingGrid.SelectiveScrollingOrientation="{Binding AreRowDetailsFrozen, ConverterParameter={x:Static SelectiveScrollingOrientation.Vertical}, Converter={x:Static DataGrid.RowDetailsScrollingConverter}, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}" Visibility="{TemplateBinding DetailsVisibility}"/>
          <DataGridRowHeader Grid.RowSpan="2" SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical" Visibility="{Binding HeadersVisibility, ConverterParameter={x:Static DataGridHeadersVisibility.Row}, Converter={x:Static DataGrid.HeadersVisibilityConverter}, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"/>
        </SelectiveScrollingGrid>
        <VisualStateManager.VisualStateGroups>
          <VisualStateGroup x:Name="CommonStates">
            <VisualState x:Name="Normal"/>
            <VisualState x:Name="Normal_AlternatingRow">
              <Storyboard>
                <ColorAnimationUsingKeyFrames Storyboard.TargetName="DGR_Border"
                                              Storyboard.TargetProperty="(Panel.Background).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                  <EasingColorKeyFrame KeyTime="0" Value="Yellow"/>
                </ColorAnimationUsingKeyFrames>                   
              </Storyboard>
            </VisualState>
          </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>
      </Border>
    </ControlTemplate>
  </Setter.Value>
</Setter>
<Style.Triggers>
  <Trigger Property="IsNewItem" Value="True">
    <Setter Property="Margin" Value="{Binding NewItemMargin, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"/>
  </Trigger>
  <Trigger Property="IsSelected" Value="True">
    <Setter Property="Background" Value="{StaticResource HighlightBrush}"/>
  </Trigger>
</Style.Triggers>

我以前没有在控件模板中使用过视觉状态。

感谢您的帮助！

Answer 1

当前的实现假定 Background 属性设置为 GradientBrush。

如果 ControlLightBackgroundBrush 是 SolidColorBrush，则以下应该有效：

<VisualState x:Name="Normal_AlternatingRow">
    <Storyboard>
        <ColorAnimationUsingKeyFrames Storyboard.TargetName="DGR_Border"
                                      Storyboard.TargetProperty="(Button.Background).(SolidColorBrush.Color)">
            <EasingColorKeyFrame KeyTime="0" Value="Yellow"/>
        </ColorAnimationUsingKeyFrames>
    </Storyboard>
</VisualState>

在 DataGridRow ControlTemplate 中使用 VisualStates

Using VisualStates in DataGridRow ControlTemplate

c#

wpf

controltemplate

datagridrow