我有一个 WPF 数据网格,并且已将其与 observablecollection 绑定。它工作正常,但问题是我在运行时在单元格级别应用了样式。下面提到了一个示例方法 ApplyStyleAtCellLevelInDataGrid()。我必须调用此方法两次才能显示 WPF DataGrid 中样式的效果。为什么会这样……
这是 XAML
<Style x:Key="BaseStyle" TargetType="{x:Type TextBlock}">
<Setter Property="Background" Value="Transparent"/>
<Setter Property="Foreground" Value="Black"/>
<Setter Property="FontSize" Value="10"/>
<Setter Property="TextAlignment" Value="Center"/>
</Style>
<Style TargetType="{x:Type TextBlock}" x:Key="Col1Style" BasedOn="{StaticResource BaseStyle}">
<Setter Property="Background">
<Setter.Value>
<SolidColorBrush Color="Tomato"/>
</Setter.Value>
</Setter>
<Style.Triggers>
<EventTrigger RoutedEvent="Binding.TargetUpdated">
<BeginStoryboard HandoffBehavior="Compose">
<Storyboard TargetProperty="(TextBlock.Background).(SolidColorBrush.Color)">
<ColorAnimation Duration="0:0:1.5" To="DarkRed" AutoReverse="True" RepeatBehavior="1" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Style.Triggers>
</Style>
< 样式 x:Key="DGCellStyle" TargetType="{x:Type DataGridCell}">
<Setter Property="BorderThickness" Value="0" />
<Setter Property="FontSize" Value="10"></Setter>
<Setter Property="Foreground" Value="Black"></Setter>
</Style>
XAML 中的网格声明
<DataGrid Name="dataGrid1" ItemsSource="{Binding Values}" CellStyle="{StaticResource DGCellStyle}" SnapsToDevicePixels="True" UseLayoutRounding="False">
<DataGrid.Columns>
<DataGridTextColumn Header="Value" Binding="{Binding Value1, Mode=OneWay, NotifyOnTargetUpdated=True}" Width="0.25*"/>
<DataGridTextColumn Header="Value 1" Binding="{Binding Value2, Mode=OneWay, NotifyOnTargetUpdated=True}" Width="0.25*"/>
<DataGridTextColumn Header="Value 2" Binding="{Binding Value3, Mode=OneWay, NotifyOnTargetUpdated=True}" Width="0.25*"/>
<DataGridTextColumn Header="Value 3" Binding="{Binding Value4, Mode=OneWay, NotifyOnTargetUpdated=True}" Width="0.25*"/>
</DataGrid.Columns>
</DataGrid>
代码
private void ApplyStyleAtCellLevelInDataGrid()
{
if (Values == null || Values.Count == 0)
{
Values = new ObservableCollection<MyClass>();
Values.Add(new MyClass { Value1 = "1", Value4 = "2", Value2 = "4", Value3 = "3" });
Values.Add(new MyClass { Value1 = "2", Value4 = "3", Value2 = "5", Value3 = "7" });
Values.Add(new MyClass { Value1 = "3", Value4 = "4", Value2 = "7", Value3 = "2" });
Values.Add(new MyClass { Value1 = "4", Value4 = "4", Value2 = "8", Value3 = "6" });
}
else
{
foreach (var item in Values)
{
MyClass c = item as MyClass;
c.Value1 = _rand.Next(0, 100).ToString();
c.Value2 = _rand.Next(0, 100).ToString();
c.Value3 = _rand.Next(0, 100).ToString();
c.Value4 = _rand.Next(0, 100).ToString();
}
}
//////////////
DataGridCell cell = GetCell(1, 1);
Style defaultStyle = (Style)FindResource("NewStyle");
((TextBlock)cell.Content).Style = defaultStyle;
cell = GetCell(1, 2);
defaultStyle = (Style)FindResource("NewStyleExtended");
((TextBlock)cell.Content).Style = defaultStyle;
cell = GetCell(2, 2);
defaultStyle = (Style)FindResource("NewStyle");
((TextBlock)cell.Content).Style = defaultStyle;
cell = GetCell(2, 3);
defaultStyle = (Style)FindResource("Col1Style");
((TextBlock)cell.Content).Style = defaultStyle;
}
private void Window_Loaded(object sender, RoutedEventArgs e)
{
// Single call of this method does not work,
I have to call two times then it shows the effect
ApplyStyleAtCellLevelInDataGrid();
ApplyStyleAtCellLevelInDataGrid();
}