UWP ToggleButtonイメージはIsCheckedに依存

Question

ToggleButtonはIsCheckedの状態がToggleButtonであるが、UWPスタイルのトリガーはもはや存在しないので、別の方法で行う必要があります。

私が議論をしたのは、想定される解決策がDataTriggerBehaviorですが、私はどこにも行きません。

私は何を達成したい（青、緑がチェックされているオフ）：

が良い方向に続きますか？

<ToggleButton 
    x:Name="ToggleButton" 
    IsChecked="{Binding SignalButtonSelected, Mode=TwoWay}" 
    Command="{Binding SignalButtonCommand}"> 
    <Grid> 
    <Image x:Name="IsCheckedImage" Source="Images/Buttons/Button signal.png"> 
     <Interactivity:Interaction.Behaviors> 
      <Core:DataTriggerBehavior Binding="{Binding IsChecked, ElementName=ToggleButton}" Value="True"> 
       <Core:ChangePropertyAction TargetObject="{Binding ElementName=IsCheckedImage}" PropertyName="Visibility" Value="Collapsed" /> 
      </Core:DataTriggerBehavior> 
     </Interactivity:Interaction.Behaviors> 
    </Image> 
    <Image x:Name="IsUncheckedImage" Source="Images/Buttons/Button electric ns.png"> 
     <Interactivity:Interaction.Behaviors> 
      <Core:DataTriggerBehavior Binding="{Binding IsChecked, ElementName=ToggleButton}" Value="False"> 
       <Core:ChangePropertyAction TargetObject="{Binding ElementName=IsUncheckedImage}" PropertyName="Visibility" Value="Collapsed" /> 
      </Core:DataTriggerBehavior> 
     </Interactivity:Interaction.Behaviors> 
    </Image> 
    </Grid> 
</ToggleButton> 

これを実現するには、より簡単な方法がありますか？私も二度、私も誰かが正しい方向に私をプッシュすることができますことを願っています

...ゼロの経験を持ってVisualStateManagerについて何か、...

Answer 1

この

<ToggleButton x:Name="ToggleButton" 
       IsChecked="{Binding SignalButtonSelected, Mode=TwoWay}" 
       Command="{Binding SignalButtonCommand}"> 
    <Grid> 
     <Image x:Name="IsCheckedImage" 
       Source="Images/Buttons/Button signal.png"> 
      <Interactivity:Interaction.Behaviors> 
       <Core:DataTriggerBehavior Binding="{Binding IsChecked, ElementName=ToggleButton}" 
              Value="True"> 
        <Core:ChangePropertyAction TargetObject="{Binding ElementName=IsCheckedImage}" 
               PropertyName="Visibility" 
               Value="Collapsed" /> 
        <Core:ChangePropertyAction TargetObject="{Binding ElementName=IsUncheckedImage}" 
               PropertyName="Visibility" 
               Value="Visible" /> 
       </Core:DataTriggerBehavior> 
      </Interactivity:Interaction.Behaviors> 
     </Image> 
     <Image x:Name="IsUncheckedImage" 
       Source="Images/Buttons/Button electric ns.png"> 
      <Interactivity:Interaction.Behaviors> 
       <Core:DataTriggerBehavior Binding="{Binding IsChecked, ElementName=ToggleButton}" 
              Value="False"> 
        <Core:ChangePropertyAction TargetObject="{Binding ElementName=IsCheckedImage}" 
               PropertyName="Visibility" 
               Value="Visible" /> 
        <Core:ChangePropertyAction TargetObject="{Binding ElementName=IsUncheckedImage}" 
               PropertyName="Visibility" 
               Value="Collapsed" /> 
       </Core:DataTriggerBehavior> 
      </Interactivity:Interaction.Behaviors> 
     </Image> 
    </Grid> 
</ToggleButton>