根据其“禁用”状态保持 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>