Question

我的ViewModel中有一个集合，每个项目都具有特定的状态，并根据我想要显示特定的控件，当状态发生变化时，我想为过渡应用动画。

我使用DataGrid显示视图中的项目，其中一列应显示项目的状态。

我所做的是我使用VisualState组定义了一个样式（如果我在另一个控件上使用if，这可以正常工作，但我必须在后面的代码中编写GotoState）。

然后我在我的数据网格中使用了以下内容，

<DataGrid ItemsSource="{Binding DataItems}" AutoGenerateColumns="False">
<DataGrid.Columns>
    <DataGridTextColumn Header="Name" Binding="{Binding Name}" />
    <DataGridTemplateColumn Header="Item state">
        <DataGridTemplateColumn.CellTemplate>
            <DataTemplate>
                <ToggleButton DataContext="{Binding Item}"
                            x:Name="btnState"
                            Style="{StaticResource MyVisualStateStyle}">
                    <i:Interaction.Triggers>
                        <ei:DataTrigger Binding="{Binding ItemState}" Value="State1">
                            <ei:GoToStateAction StateName="State1"/>
                        </ei:DataTrigger>
                        <ei:DataTrigger Binding="{Binding ItemState}" Value="State2">
                            <ei:ChangePropertyAction PropertyName="Background" Value="#FF000000" TargetName="btnState" />
                            <ei:GoToStateAction StateName="State2"/>
                        </ei:DataTrigger>
                        <ei:DataTrigger Binding="{Binding ItemState}" Value="State3">
                            <ei:ChangePropertyAction PropertyName="Background" Value="#FFFFFFFF" TargetName="btnState" />
                            <ei:GoToStateAction StateName="State2"/>
                        </ei:DataTrigger>
                    </i:Interaction.Triggers>
                </ToggleButton>
            </DataTemplate>
        </DataGridTemplateColumn.CellTemplate>
    </DataGridTemplateColumn>
</DataGrid.Columns>

我添加了backgroupd的更改，看它有效，但也不起作用。我检查输出是否有任何绑定错误，但没有绑定错误。

这是正确的实施方式吗？

有什么建议吗？

EDITED

我为ToggleButton创建了一个用户控件，该控件具有作为依赖项属性的状态，并在后面的代码中更改该属性时执行了可视状态:(

Answer 1

我创建了一个用户控件，其样式中包含了visualstategroups，为该控件添加了一个依赖项属性，并且该依赖项属性的更改改变了后面代码中的可视状态。

如何从ViewModel更改datagrid中的VisualState

1 个答案: