5

我在 Metro XAML 应用程序中弄乱了一些情节提要。我必须创建一个Storyboard代码。我想设置Storyboard.TargetProperty为CompositeTransform.Rotation

似乎不可能...

我在 XAML 中的情节提要如下所示：

<Storyboard>
    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.Rotation)" Storyboard.TargetName="grid">
        <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
        <EasingDoubleKeyFrame KeyTime="0:0:0.3" Value="60"/
    </DoubleAnimationUsingKeyFrames>
</Storyboard>

我想创造类似的东西。
重要提示：我并不是要重新创建这个确切的故事板。我在 custom 的代码中ContentControl，所以this也是Control，并且没有将动画定位到的“网格”。目标是控件本身，它CompositeTransform之前已设置。

到目前为止，我的代码是这样的：

var turnSB = new Storyboard();

var doubleAnim = new DoubleAnimationUsingKeyFrames();
doubleAnim.KeyFrames.Add(new EasingDoubleKeyFrame() { KeyTime = TimeSpan.FromMilliseconds(0), Value = currentAngle });
doubleAnim.KeyFrames.Add(new EasingDoubleKeyFrame() { KeyTime = TimeSpan.FromMilliseconds(500), Value = targetAngle });

turnSB.Children.Add(doubleAnim);

Storyboard.SetTarget(doubleAnim, this.RenderTransform);
Storyboard.SetTargetProperty(doubleAnim, "(CompositeTransform.Rotation)");

turnSB.Begin();

一旦它到达 Begin 方法，我就会得到一个异常，说 (CompositeTransform.Rotation) 无法解决。所以我猜我没有完全正确的财产路径。我尝试了不同的变体，但根据 PropertyPaths，这应该是正确的，不是吗？:S

如果这是一个无法解决的问题，我愿意接受有关解决方法的建议......

编辑：

我想我现在已经解决了这个问题。不过，我有一些有趣的发现……

如果我制作一个 UserControl，我几乎可以做任何事情。一切正常，我可以设置 Storyboard.Target 属性，并且动画可以正确播放。

但是，如果我使用自定义控件，或者从另一个控件（比如 ContentControl）继承，我无法从代码中启动 Storyboard，只有在某些情况下。

例如：如果我制作了一个故事板（在 XAML 中定义）来动画旋转（或任何与此相关的转换属性）并尝试从代码开始，我会得到上述异常。但是如果我为一个简单的属性设置动画，比如不透明度，它就可以正常工作。
（我对 UserControl 做了同样的事情，并且它起作用了。）

有人可以解释一下吗？

4

3 回答 3

4

我认为您收到此错误的原因是您没有实例化RenderTransform自定义控件的属性。

public class CustomControl2 : Control
{
    public CustomControl2()
    {
        this.DefaultStyleKey = typeof(CustomControl2);
    }

    protected override void OnApplyTemplate()
    {
        base.OnApplyTemplate(); 
    }

    public void RunAnimation()
    {
        //this.RenderTransform = new CompositeTransform();
        this.Background = new SolidColorBrush(Color.FromArgb(0xFF, 0x33, 0xC8, 0x9C));

        var turnSB = new Storyboard();

        var doubleAnim = new DoubleAnimationUsingKeyFrames();
        doubleAnim.KeyFrames.Add(new EasingDoubleKeyFrame() { KeyTime = TimeSpan.FromMilliseconds(0), Value = 10 });
        doubleAnim.KeyFrames.Add(new EasingDoubleKeyFrame() { KeyTime = TimeSpan.FromMilliseconds(500), Value = 30 });

        turnSB.Children.Add(doubleAnim);

        Storyboard.SetTarget(doubleAnim, this.RenderTransform);
        Storyboard.SetTargetProperty(doubleAnim, "(CompositeTransform.Rotation)");

        turnSB.Begin();
    }
}

请注意，在上面的代码中，如果我注释掉 method 下的第一行RunAnimation，它会抛出你得到的同样的错误。

然后我在我的主页中创建了这个控件，还创建了一个Button来启动动画。

private void Button_Click_1(object sender, RoutedEventArgs e)
{
    this.MyControl.RunAnimation();
}

我测试了上面的代码，它运行良好。

于 2013-01-18T06:01:27.703 回答
4

从MSDN 文档看来，您需要设置整个字符串路径。因此，对于您的 xaml 中描述的动画，您需要将 TargetProperty 设置为

Storyboard.SetTargetProperty(doubleAnim, "(UIElement.RenderTransform).(CompositeTransform.Rotation)");

更新：发现这篇博客文章将时间轴添加为情节提要的子项。尝试以下操作：

Storyboard.SetTarget(doubleAnim, this.RenderTransform);
Storyboard.SetTargetProperty(doubleAnim, "Rotation"); // maybe "CompositeTransform.Rotation"
storyboard.Children.Add(doubleAnim);
于 2012-08-14T16:53:55.137 回答
1

解决了

问题出在您正在使用的元素的路径中，它必须从父类派生并扩展到属性本身。我让它在我自己的控制下工作，所以做了一个小例子，你可以复制粘贴（未经测试的代码）：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Media;
using Windows.UI.Xaml.Media.Animation;

namespace CustomControls
{
    /// <summary>
    /// Author: Frank Wolferink
    /// Note: example is untested and comes as is. I hope it save's you the time i lost figering this out
    /// </summary>
    public class CustomControl : Control
    {

        private Storyboard _compositeTransformExampleStoryBoard;

        private const string TRANSLATE_X_TARGET = "Control.RenderTransform.CompositeTransform.TranslateX";
        private const string TRANSLATE_Y_TARGET = "Control.RenderTransform.CompositeTransform.TranslateY";
        private const string TRANSLATE_ROTATE_TARGET = "Control.RenderTransform.CompositeTransform.Rotation";


        public CustomControl()
        {
            this.RenderTransform = new CompositeTransform();

            TimeSpan duration = new TimeSpan(0,0,0,0,500);
            double translateX = 10;
            double translateY = 10;
            double rotation = 40;

            _compositeTransformExampleStoryBoard = BuildStoryboard(duration, translateX, translateY, rotation);

            this.Loaded += CustomControl_Loaded;
        }

        void CustomControl_Loaded(object sender, RoutedEventArgs e)
        {
            _compositeTransformExampleStoryBoard.Begin();
        }


        private Storyboard BuildStoryboard(TimeSpan animationDuration, double transistionValueX, double transistionValueY, double rotation)
        {
            Storyboard storyboard = new Storyboard();

            if (transistionValueX != 0)
                CreateAnimation(storyboard, transistionValueX, animationDuration, TRANSLATE_X_TARGET);

            if (transistionValueY != 0)
                CreateAnimation(storyboard, transistionValueY, animationDuration, TRANSLATE_Y_TARGET);

            if (rotation != 0)
                CreateAnimation(storyboard, rotation, animationDuration, TRANSLATE_ROTATE_TARGET);


            return storyboard;
        }

        private void CreateAnimation(Storyboard storyboard, double transistionValue, TimeSpan animationDuration, string targetProperty)
        {
            DoubleAnimation da = CreateDoubleAnimation(transistionValue, animationDuration);
            storyboard.Children.Add(da);
            Storyboard.SetTarget(da, this);
            Storyboard.SetTargetProperty(da, targetProperty);
        }

        private DoubleAnimation CreateDoubleAnimation(double transistionValue, TimeSpan duration)
        {
            return new DoubleAnimation()
            {
                Duration = duration,
                To = transistionValue
            };
        }

    }
}

于 2013-01-30T13:57:27.157 回答