Поддерживать Control.Opacity с анимацией в соответствии с визуальным состоянием «Отключено»?

Question

У меня есть пользовательская кнопка.

Я хочу, чтобы при переходе в состояние «Отключено» это свойство Opacity должно переключаться на 65% или около того, в течение примерно секунды,когда он покидает состояние «Отключено», он должен вернуть непрозрачность обратно на 100% (анимация).

Как это сделать?

Как это сделать?

Answer 1

Это короткое видео ответило на все мои вопросы за минуты!

Вот все, что мне нужно:

<VisualStateManager.VisualStateGroups>
  <VisualStateGroup x:Name="CommonStates">
    <VisualStateGroup.Transitions>
      <VisualTransition GeneratedDuration="0:0:0.3" To="Disabled"/>
      <VisualTransition From="Disabled" GeneratedDuration="0:0:0.3"/>
    </VisualStateGroup.Transitions>
    <VisualState x:Name="Normal"/>
    <VisualState x:Name="MouseOver"/>
    <VisualState x:Name="Pressed" />
    <VisualState x:Name="Disabled">
      <Storyboard>
        <DoubleAnimationUsingKeyFrames
            Storyboard.TargetProperty="(UIElement.Opacity)"
            Storyboard.TargetName="LayoutRoot">
          <EasingDoubleKeyFrame KeyTime="0" Value="0.55"/>
        </DoubleAnimationUsingKeyFrames>
      </Storyboard>
    </VisualState>
  </VisualStateGroup>
</VisualStateManager.VisualStateGroups>