xaml - 根据动画的“禁用”视觉状态保持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>