UWP要素の状態を設定する方法は？

Question

私は、トグルボタンがオンのときに、色、サイズ、有効/無効の変更など、いくつかの基準によって状態が変わるボタンを持っています。我々は状態1と状態2を定義

if (toggleButton.IsOn) btnName.state = State1; 
else btnName.state = State2; 

（多分XAMLで？）：私の目標は、我々はこのような何かを行うことができるように状態をカプセル化することです。

これはUWPで可能ですか？

Answer 1

VisualStateManagerを使用して、コントロールの特定の状態を呼び出すことができます。

VisualStateManager.GoToState(MyToggleSwitch, "On", true); 

をしかし、これをしない - あなたは手動ToggleSwitchがOn状態に行かせたい場合たとえば、あなたは書くことができます。これは状態を視覚的にに設定するだけなので、基礎となるIsOnプロパティはまだFalseです。

実際にはIsOn~Trueと設定すると、Onの状態が自動的に適用されます。 ToggleSwitchのdefault styleでToggleStates視覚的な状態のグループ内で、次のようなStoryboard Sの束とOn状態がありますので、これはです -

<VisualState x:Name="On"> 
    <Storyboard> 
    <DoubleAnimation Storyboard.TargetName="KnobTranslateTransform" 
        Storyboard.TargetProperty="X" 
        To="24" 
        Duration="0" /> 
    <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SwitchKnobBounds" 
            Storyboard.TargetProperty="Opacity"> 
     <DiscreteObjectKeyFrame KeyTime="0" Value="1" /> 
    </ObjectAnimationUsingKeyFrames> 
    <ObjectAnimationUsingKeyFrames Storyboard.TargetName="OuterBorder" 
            Storyboard.TargetProperty="Opacity"> 
     <DiscreteObjectKeyFrame KeyTime="0" Value="0" /> 
    </ObjectAnimationUsingKeyFrames> 
    <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SwitchKnobOn" 
            Storyboard.TargetProperty="Opacity"> 
     <DiscreteObjectKeyFrame KeyTime="0" Value="1" /> 
    </ObjectAnimationUsingKeyFrames> 
    <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SwitchKnobOff" 
            Storyboard.TargetProperty="Opacity"> 
     <DiscreteObjectKeyFrame KeyTime="0" Value="0" /> 
    </ObjectAnimationUsingKeyFrames> 
    </Storyboard> 
</VisualState> 

これらStoryboard sがIsOnがTrueに設定されるたびに開始されます。このトリガーロジックはToggleSwitchのコード内にカプセル化されています。したがって、カスタムコントロールのビジュアル状態を独自に定義する場合は、状態プロパティ（例：IsChecked、IsSelected、IsOn、IsEnabled）を対応する状態に手動で接続する必要があります。単にそれらを更新し、正しい状態が適用されることを期待することができます。