如何更改该行中项的属性更改WPF DataGrid控件中的行样式

时间:2012-08-27 18:34:07

标签: wpf datagrid styles

我的WPF应用程序中有一个包含对象的DataGrid控件。该对象有一个布尔属性,可以通过用户操作进行更改。当该属性的值发生变化时,我需要更改行的样式。

我写过一个来自StyleSelector的课程:

public class LiveModeSelector : StyleSelector {

    public Style LiveModeStyle { get; set; }
    public Style NormalStyle { get; set; }

    public override Style SelectStyle( object item, DependencyObject container ) {
        DataGridRow gridRow = container as DataGridRow;
        LPRCamera camera = item as LPRCamera;
        if ( camera != null && camera.IsInLiveMode ) {
            return LiveModeStyle;
        }
        return NormalStyle;
    }
}

有问题的View Model类实现INotifyPropertyChanged,当有问题的属性发生变化时,它会引发PropertyChanged事件。

// Note:  The ModuleMonitor class implements INotifyPropertyChanged and raises the PropertyChanged
// event in the SetAndNotify generic method.
public class LPRCamera : ModuleMonitor, ICloneable {

    . . .

    public bool IsInLiveMode {
        get { return iIsInLiveMode; }
        private set { SetAndNotify( "IsInLiveMode", ref iIsInLiveMode, value ); }
    }
    private bool iIsInLiveMode;

    . . .

    /// </summary>
    public void StartLiveMode() {
        IsInLiveMode = true;

         . . .
    }


    public void StopLiveMode() {
        IsInLiveMode = false;

        . . .
    }
}

当用户执行所需操作时,属性的值会更改,但样式不会更改。

我在SelectStyle方法中放置了一个断点,我看到在第一次加载控件时会遇到断点,但是当属性的值发生变化时它不会被击中。

我错过了什么?

2 个答案:

答案 0 :(得分:4)

我认为StyleSelector不会监听PropertyChange通知,因此当IsInLiveMode属性发生更改时,它不会重新运行。

将您的样式改为DataTrigger,而不是基于IsInLiveMode,并且只要提出属性更改通知,就会重新评估它。

<DataGrid.Resources>
    <Style TargetType="{x:Type DataGridRow}" x:Key="Style1">
        <Setter Property="Background" Value="Red" />
    </Style>
    <Style TargetType="{x:Type DataGridRow}" x:Key="Style2">
        <Setter Property="Background" Value="Blue" />
    </Style>
</DataGrid.Resources>

<DataGrid.Style>
    <Style TargetType="{x:Type DataGrid}">
        <Setter Property="RowStyle" Value="{StaticResource Style1}" />
        <Style.Triggers>
            <DataTrigger Binding="{Binding ElementName=MyDataGrid, Path=DataContext.IsInLiveMode}" Value="True">
                <Setter Property="RowStyle" Value="{StaticResource Style2}" />
            </DataTrigger>
        </Style.Triggers>
    </Style>
</DataGrid.Style>

答案 1 :(得分:4)

我找到了一种方法来实现这个,这个方法源自@Rachel对我的问题的回答。但是,代码细节有所不同,我想准确说明哪些有用。

第一步是将两个不同的Styles合并为一个DataGridRow类:

<Style TargetType="DataGridRow" x:Key="CameraStyle">
    <Setter Property="Foreground" Value="{DynamicResource TextForeground}" />
    <Setter Property="Background" Value="{DynamicResource DataBackground}" />
    <Style.Triggers>
        <DataTrigger Binding="{Binding Path=IsInLiveMode}" Value="True">
            <Setter Property="Foreground" Value="Red" />
            <Setter Property="Background" Value="Yellow" />
        </DataTrigger>
    </Style.Triggers>
</Style>

第二步是将DataGrid控件的RowStyle属性设置为这种新样式:

<DataGrid . . .
          RowStyle={StaticResource CameraStyle}">
          . . .
</DataGrid>

这很有效。当用户将与该行关联的LPRCamera置于实时模式时,行的前景和背景会发生变化,当它们退出实时模式时会恢复正常,这就是我的目标。

谢谢@Rachel!