Xaml 根据“禁用”的视觉状态保持控制。动画的不透明度？

我有一个自定义按钮

我希望当它进入禁用状态时，它的不透明度属性应该在大约一秒钟的时间内切换到65%左右，当它离开禁用状态时，它应该将不透明度恢复到100%动画

这是怎么做到的

这是怎么做到的？

短片在几分钟内回答了我所有的问题

以下是我所需要的：

<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>