Windows 8 - 在代码隐藏中设置自定义属性的动画

Question

基本上,我想制作一堆Shapes并让它们变得生动.所以我提出了以下自定义类:

public class FunkyShape : DependencyObject
{
    public double Animator
    {
        get { return (double)GetValue(AnimatorProperty); }
        set { SetValue(AnimatorProperty, value); }
    }

    public static readonly DependencyProperty AnimatorProperty =
        DependencyProperty.Register("Animator", typeof(double), typeof(FunkyShape), 
        new PropertyMetadata(0, new PropertyChangedCallback(Animator_Changed)));

    private static void Animator_Changed(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        double delta = (double)e.NewValue - (double)e.OldValue;

        ((FunkyShape)d).ProcessDelta((double)e.NewValue, delta);
    }

    private void ProcessDelta(double val, double delta)
    {
        Holder.Width = val;
        Holder.Height = val;

        // Keep shape centered
        HolderPosition.X = delta / 2;
        HolderPosition.Y = delta / 2;
    }

    private Shape Holder;
    public TranslateTransform HolderPosition
    {
        get { return (TranslateTransform)Holder.RenderTransform; }
    }


    public FunkyShape(Canvas playground, Shape shapeToInit)
    {
        Holder = shapeToInit;

        Holder.Width = 10;
        Holder.Height = 10;
        Holder.Fill = new SolidColorBrush(Colors.Blue);
        Holder.HorizontalAlignment = Windows.UI.Xaml.HorizontalAlignment.Center;
        Holder.RenderTransform = new TranslateTransform()
        {
            X = 500,
            Y = 500
        };
        Holder.RenderTransformOrigin = new Point(0.5, 0.5);

        // init done
        playground.Children.Add(Holder);

        Animate();
    }

    public void Animate()
    {
        DoubleAnimation g1 = GrowAnimation();

        Storyboard sb = new Storyboard();
        Storyboard.SetTarget(g1, this);

        // CAN'T FIND ANIMATOR PROPERTY
        Storyboard.SetTargetProperty(g1, "Animator");

        sb.Children.Add(g1);

        sb.Begin(); // THROWS EXCEPTION
    }

    private static DoubleAnimation GrowAnimation()
    {
        DoubleAnimation growAnimation = new DoubleAnimation();
        growAnimation.Duration = TimeSpan.FromMilliseconds(3000);
        growAnimation.From = 0;
        growAnimation.To = 100;
        growAnimation.AutoReverse = true;
        growAnimation.EnableDependentAnimation = true;
        growAnimation.RepeatBehavior = new RepeatBehavior(5);
        return growAnimation;
    }
}

但是,当我尝试创建类的实例并将其添加到画布时,我得到Exception - Storyboard.Being()抛出它并告诉我它无法找到Animator属性.

那么 - 我做错了什么？

编辑: 3代码更改后 - 它仍然无法正常工作; 我得到"无法解析指定对象上的TargetProperty Animator"错误.所以,如果有人知道答案 - 请通过修改代码来帮助.谢谢!

编辑:好的,经过24小时撞击墙壁后有一些进展 - 如果我通过XAML添加形状它动画,但如果我通过代码后面添加它(Canvas.Children.Add),它不起作用.让我看看能否找出原因.

Answer 1

好,

我已经找到了解决方案,因为这显然是框架内的一个错误(虽然我确信某些MS员工会发布回复并说它是一个功能/它是按设计).有几件事需要做:

1. 添加default/parameter-less构造函数
2. 将FunkyShape的基类更改为UserControl.
3. 打开要添加形状的Page类的XAML视图
4. 在Canvas XAML中添加一个FunkyShape实例作为子项(例如<tm:FunkyShape />).它不会没有这个.
5. 在代码隐藏中创建一个FunkyShape实例,将其添加到画布,启动动画并欣赏它的工作原理
6. 切换到更少的马车技术.