Question

我有一个带有Style触发器的简单ToggleButton，可根据IsChecked的状态更改按钮的图像。这对于一个按钮工作正常。但是，当我向网格添加多个按钮时，单击其中一个ToggleButtons会更改其他按钮的状态。我应该使用其他触发类型而不是基于波顿风格的触发类型吗？

以下是布置三个ToggleButtons的xaml块：

   <Grid Height="362" Width="259">
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <ToggleButton Style="{StaticResource TogglebuttonStyle}" IsChecked="{x:Null}" IsThreeState="True"
              Width="15" Height="15" Grid.Row="0" Grid.Column="0"/>
        <ToggleButton Style="{StaticResource TogglebuttonStyle}" IsChecked="{x:Null}" IsThreeState="True"
              Width="15" Height="15" Grid.Row="1" Grid.Column="0"/>
        <ToggleButton Style="{StaticResource TogglebuttonStyle}" IsChecked="{x:Null}" IsThreeState="True"
              Width="15" Height="15" Grid.Row="2" Grid.Column="0"/>
    </Grid>

以下是带触发器的Style：

   <Style x:Key="TogglebuttonStyle" TargetType="ToggleButton">
        <Style.Triggers>
            <Trigger Property="IsChecked" Value="True">
                <Setter Property="Content">
                    <Setter.Value>
                        <Image Source="{StaticResource ImagePlus}"/>
                    </Setter.Value>
                </Setter>
            </Trigger>
            <Trigger Property="IsChecked" Value="False">
                <Setter Property="Content">
                    <Setter.Value>
                        <Image Source="{StaticResource ImageMinus}"/>
                    </Setter.Value>
                </Setter>
            </Trigger>
            <Trigger Property="IsChecked" Value="{x:Null}">
                <Setter Property="Content">
                    <Setter.Value>
                        <Image Source="{StaticResource ImageNeutral}"/>
                    </Setter.Value>
                </Setter>
            </Trigger>
        </Style.Triggers>
    </Style>

我将此称为解决方法，但现在每个按钮都保留其自己的状态：

我发现如果我将Style块移出App.xaml（在标签内）并为每个按钮定义了样式触发器，问题行为就会消失。由于我是WPF / XAML的新手，我不确定这是一个真正的解决方案还是一个hacky解决方法。用这种方式指定东西似乎是多余的。

<ToggleButton IsChecked="True" IsThreeState="True"
          Width="25" Height="25" Grid.Row="2" Margin="-1,19,1,-19">
    <ToggleButton.Style>
        <Style TargetType="ToggleButton">
            <Style.Triggers>
                <Trigger Property="IsChecked" Value="True">
                    <Setter Property="Content">
                        <Setter.Value>
                            <Image Source="{StaticResource ImagePlus}"/>
                        </Setter.Value>
                    </Setter>
                </Trigger>
                <Trigger Property="IsChecked" Value="False">
                    <Setter Property="Content">
                        <Setter.Value>
                            <Image Source="{StaticResource ImageMinus}"/>
                        </Setter.Value>
                    </Setter>
                </Trigger>
                <Trigger Property="IsChecked" Value="{x:Null}">
                    <Setter Property="Content">
                        <Setter.Value>
                            <Image Source="{StaticResource ImageNeutral}"/>
                        </Setter.Value>
                    </Setter>
                </Trigger>
            </Style.Triggers>
        </Style>
    </ToggleButton.Style>
</ToggleButton>

Answer 1

问题是setter实例化了Image控件的一个实例，该实例只能有一个父实例。然后按钮进入＆＃34; ImagePlus＆＃34;国家，一切都好。当第二个按钮进入该状态时，Image控件将移动到新父控件，而旧控制器将丢失。

这是XAML具有模板的一个原因：当实例化模板时，实例化该可视树片段的新实例。 Presto，没有分享问题。

使用某些资源，您可以在资源上设置x:Shared="False"并解决此问题。我无法在这里找到一种方法来完成这项工作（我还没有找到确切的工作背后的原则，何时不工作）。所以我用DataTemplates代替了它：

<Style x:Key="TogglebuttonStyle" TargetType="ToggleButton" BasedOn="{StaticResource {x:Type ToggleButton}}">
    <Style.Triggers>
        <Trigger Property="IsChecked" Value="True">
            <Setter Property="ContentTemplate">
                <Setter.Value>
                    <DataTemplate>
                        <Image Source="{StaticResource ImagePlus}" />
                    </DataTemplate>
                </Setter.Value>
            </Setter>
        </Trigger>
        <Trigger Property="IsChecked" Value="False">
            <Setter Property="ContentTemplate">
                <Setter.Value>
                    <DataTemplate>
                        <Image Source="{StaticResource ImageMinus}" />
                    </DataTemplate>
                </Setter.Value>
            </Setter>
        </Trigger>
        <Trigger Property="IsChecked" Value="{x:Null}">
            <Setter Property="ContentTemplate">
                <Setter.Value>
                    <DataTemplate>
                        <Image Source="{StaticResource ImageNeutral}" />
                    </DataTemplate>
                </Setter.Value>
            </Setter>
        </Trigger>
    </Style.Triggers>
</Style>

Answer 2

在做了一些研究之后，我发现我必须指定不共享的样式。

<Style x:Key="ToggleButtonStyle" x:Shared="False" /Style>

单击WPF ToggleButton会更改其他ToggleButtons值

2 个答案: