文章/答案/技术大牛

发布

社区首页 >问答首页 >在WPF中动画化RenderTransform

问在WPF中动画化RenderTransform
EN

Stack Overflow用户

提问于 2014-10-15 18:31:58

回答 1查看 2.4K关注 0票数 1

我有一个关于C#代码中WPF动画的问题！

我有一个MouseWheel事件的处理程序函数。它只是检查你是“放大”还是“放大”。只需看一看代码，这里的重要行是第4行，其中设置了RenderTransform。

    private void ZoomPanCanvas_MouseWheel(object sender, MouseWheelEventArgs e) {
        var factor = (e.Delta > 0) ? (1.1) : (1 / 1.1);
        currrentScale = factor * currrentScale;
        mNetworkUI.RenderTransform = new ScaleTransform(currrentScale, currrentScale);
        var pos = e.GetPosition(mNetworkUI);
        mNetworkUI.Width = ZoomPanCanvas.ActualWidth / currrentScale;
        mNetworkUI.Height = ZoomPanCanvas.ActualHeight /currrentScale;
        var dummyTransform = new ScaleTransform(factor, factor, pos.X, pos.Y);
        var offSet = new Point(dummyTransform.Value.OffsetX, dummyTransform.Value.OffsetY);
        mNetworkUI.ViewModel.Network.SetTransformOffset(offSet);
    }

为了完整起见，我将函数的其余部分保存在代码中。

我想要做的是，动画这个变化的RenderTransform！

我已经尝试使用一个故事板(在UIElement.RenderTransformProperty设置)。最好的结果是对RenderTransform进行了非动画的更改(但与代码中的第4行所实现的结果不同)。

也许你可以帮我，我已经尝试了一些建议的方法，从这里的其他问题。

编辑：

下面是不起作用的尝试，首先是上面编写的代码：

    private void ZoomPanCanvas_MouseWheel(object sender, MouseWheelEventArgs e) {
        var factor = (e.Delta > 0) ? (1.1) : (1 / 1.1);
        currrentScale = factor * currrentScale;
        ///mNetworkUI.RenderTransform = new ScaleTransform(currrentScale, currrentScale);
        Helper.Animations.RenderTransformAnimation(mNetworkUI, new ScaleTransform(currrentScale, currrentScale));
        var pos = e.GetPosition(mNetworkUI);
        mNetworkUI.Width = ZoomPanCanvas.ActualWidth / currrentScale;
        mNetworkUI.Height = ZoomPanCanvas.ActualHeight /currrentScale;
        var dummyTransform = new ScaleTransform(factor, factor, pos.X, pos.Y);
        var offSet = new Point(dummyTransform.Value.OffsetX, dummyTransform.Value.OffsetY);
        mNetworkUI.ViewModel.Network.SetTransformOffset(offSet);
    }

它遵循静态助手函数：

    public static void RenderTransformAnimation(FrameworkElement element, Transform newTransform) {
        MatrixAnimationUsingKeyFrames anim = new MatrixAnimationUsingKeyFrames();
        var key1 = new DiscreteMatrixKeyFrame(element.RenderTransform.Value, KeyTime.FromPercent(0));
        var key2 = new DiscreteMatrixKeyFrame(newTransform.Value, KeyTime.FromPercent(1));

        Storyboard.SetTarget(anim, element.RenderTransform);
        Storyboard.SetTargetProperty(anim, new PropertyPath(UIElement.RenderTransformProperty));
        Storyboard sb = new Storyboard();
        sb.Children.Add(anim);
        sb.Duration = AnimationDuration;
        sb.Begin();
    }

它总是在sb.Begin()调用上抛出一个异常，告诉我，我的“PropertyPath”不太好。我不知道怎么做。我的意思是，没有办法直接创建一个"TransformAnimation"，对吗？只有MatrixAnimations可用..。

wpf

animation

rendertransform

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-10-15 18:49:34

下面我提供了一个ScaleTransform的简单动画。为了提供一个“最小”的例子，我只调整标度；我不做任何偏移计算，你做的是基于鼠标位置。你应该知道从这里往哪里走：

private void OnMouseWheel(object sender, MouseWheelEventArgs e)
{
    var factor = e.Delta > 0d ? 1.1d : 0.9d;

    var t = mNetworkUI.RenderTransform as ScaleTransform;
    if (t == null)
    {
        mNetworkUI.RenderTransform = t = new ScaleTransform(1d, 1d)
                                         {
                                             CenterX = 0.5d,
                                             CenterY = 0.5d
                                         };
    }

    var oldScale = (double)t.GetAnimationBaseValue(ScaleTransform.ScaleXProperty);
    var newScale = oldScale * factor;

    //
    // Make sure `GetAnimationBaseValue()` reflects the `To` value next time
    // (needed to calculate `oldScale`, and for the animation to infer `From`).
    //
    t.ScaleX = newScale;
    t.ScaleY = newScale;

    var animation = new DoubleAnimation
                    {
                        To = newScale,
                        Duration = TimeSpan.FromSeconds(0.5d),
                        DecelerationRatio = 0.5d,
                        FillBehavior = FillBehavior.Stop
                    };

    //
    // Use `HandoffBehavior.Compose` to transition more smoothly if an animation
    // is already in progress.
    //
    t.BeginAnimation(
        ScaleTransform.ScaleXProperty, 
        animation, 
        HandoffBehavior.Compose);

    t.BeginAnimation(
        ScaleTransform.ScaleYProperty,
        animation,
        HandoffBehavior.Compose);
}

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/26389629

复制

相似问题

问在WPF中动画化RenderTransform
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在WPF中动画化RenderTransformEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在WPF中动画化RenderTransform
EN