silverlight - 绑定 EasingColorKeyFrame 颜色值

Question

我有以下 Windows Phone 代码，用于将 a 的颜色Rectangle从黑色更改为红色。

<Grid x:Name="LayoutRoot">
  <phone:Pivot x:Name="MyPivot" >
    <phone:PivotItem x:Name="MyPivotItem">
      <Canvas x:Name="MyCanvas">
        <Canvas.Resources>
          <Storyboard x:Name="MyStoryboard">
            <ColorAnimationUsingKeyFrames
              Storyboard.TargetProperty="(Rectangle.Fill).(SolidColorBrush.Color)"
              AutoReverse="True">
                <EasingColorKeyFrame KeyTime="00:00:0" Value="Black" />
                <EasingColorKeyFrame KeyTime="00:00:0.5" Value="Red" />
            </ColorAnimationUsingKeyFrames>
          </Storyboard>
        </Canvas.Resources>
      </Canvas>
    </phone:PivotItem>
  </phone:Pivot>
</Grid>

我想做的是让它更具动态性，以便我可以EasingColorKeyFrame从代码隐藏页面更改 s 中使用的颜色。是否可以将我的 s 绑定到Value我EasingColorKeyFrame的代码隐藏页面中的属性？

Answer 1

如果您只是想从代码隐藏页面更改颜色，那么只需给您的框架一个 x:Name 并在后面的代码中设置它们的值。

...
<EasingColorKeyFrame KeyTime="00:00:0" x:Name="start" Value="Black" />
<EasingColorKeyFrame KeyTime="00:00:0.5" x:Name="end" Value="Red" />
...

代码隐藏：

private void ChangeColors()
{
  start.Value = Colors.Green;
  end.Value = Colors.Blue;
}