在通用Windows平台应用程序中自定义MyToolkit DataGrid中的特定行数据

Question

我正在开发Windows应用程序。在该应用程序中，我正在使用MyToolkit datagrid。我想通过在特定情况下使特定单元格数据闪烁来突出显示数据网格行。

Answer 1

您可以在项目中安装Microsoft.Xaml.Behaviors.Uwp.Managed。然后使用DataTriggerBehavior使特定单元格数据在特定情况下闪烁。

首先，你需要像这样使用这个包：

xmlns:Interactivity="using:Microsoft.Xaml.Interactivity"
xmlns:Core="using:Microsoft.Xaml.Interactions.Core"
xmlns:Media="using:Microsoft.Xaml.Interactions.Media"

然后，例如，您可以像这样设计DataGrid的单元格：

<controls:DataGridTemplatedColumn  Width="0.7*" CanSort="False" Header="LastName">
    <controls:DataGridTemplatedColumn.CellTemplate>
        <DataTemplate>
            <Grid Height="30">
                <Grid.Resources>
                    <Storyboard x:Key="std" x:Name="std">
                        <ColorAnimation From="Red" To="Blue" Duration="0:0:3" RepeatBehavior="Forever" AutoReverse="True"
                            Storyboard.TargetProperty="(Background).(SolidColorBrush.Color)"
                            Storyboard.TargetName="lastnamePanel" />
                    </Storyboard>
                </Grid.Resources>
                <StackPanel Name="lastnamePanel" Background="AliceBlue">
                    <Interactivity:Interaction.Behaviors>
                        <Core:DataTriggerBehavior Binding="{Binding Lastname}" ComparisonCondition="Equal" Value="Mike">
                            <Media:ControlStoryboardAction Storyboard="{StaticResource std}" />
                        </Core:DataTriggerBehavior>
                    </Interactivity:Interaction.Behaviors>
                    <TextBlock x:Name="lastnameTxt" Text="{Binding Lastname}"  TextAlignment="Center" VerticalAlignment="Center" Margin="0,5,0,0"></TextBlock>
                </StackPanel>
            </Grid>
        </DataTemplate>
    </controls:DataGridTemplatedColumn.CellTemplate>
</controls:DataGridTemplatedColumn>

如果Text的{​​{1}}与“Mike”不相等，则会播放lastnameTxt。这是渲染图像：

您需要注意的是，初始Storyboard应设置为Background，否则故事板将无法播放。