Question

我已经阅读过如何在Android中执行此操作，但我似乎无法找到Xamarin Android等效于动画布局的LeftMargin和TopMargin。显然Xamarin有“动画”，但我无法弄清楚Xamarin中的“applyTransformation”部分，我设置了“newLeftMargin * interpolatedTime”。

以下是标准Android参考： Android - Change left margin using animation

Animation a = new Animation();
//applyTransformation???? with "newLeftMargin * interpolatedTime"
a.Duration = 500;
MyThingy.StartAnimation(a);

感谢user Apineda提供答案。这是我最后编写的代码，万一有人想要它。第一个构造函数将边距从其当前状态设置为动画，而不是仅从零开始。第二个构造函数要求您指定起始边距。

class LayoutMarginAnimation : Android.Views.Animations.Animation
{
    private ViewGroup ViewToTransform;
    private int LeftMargin_Destination;
    private int TopMargin_Destination;
    private int LeftMargin_Source;
    private int TopMargin_Source;

    /// <summary>
    /// Animates a layout from it's current margins to specified margins
    /// </summary>
    /// <param name="a_viewToTransform">A view to transform.</param>
    /// <param name="a_LeftMargin_Destination">A left margin destination.</param>
    /// <param name="a_TopMargin_Destination">A top margin destination.</param>
    public LayoutMarginAnimation(
        ViewGroup a_viewToTransform,
        int a_LeftMargin_Destination,
        int a_TopMargin_Destination
    )
    {
        this.ViewToTransform = a_viewToTransform;
        this.LeftMargin_Destination = a_LeftMargin_Destination;
        this.TopMargin_Destination = a_TopMargin_Destination;

        this.LeftMargin_Source = (this.ViewToTransform.LayoutParameters as RelativeLayout.LayoutParams).LeftMargin;
        this.TopMargin_Source = (this.ViewToTransform.LayoutParameters as RelativeLayout.LayoutParams).TopMargin;
    }

    /// <summary>
    /// Animates a layout from specified margins to specified margins, regardless of what the margins are currently set to.  
    /// </summary>
    /// <param name="a_viewToTransform">A view to transform.</param>
    /// <param name="a_LeftMargin_Source">A left margin source.</param>
    /// <param name="a_TopMargin_Source">A top margin source.</param>
    /// <param name="a_LeftMargin_Destination">A left margin destination.</param>
    /// <param name="a_TopMargin_Destination">A top margin destination.</param>
    public LayoutMarginAnimation(
        ViewGroup a_viewToTransform,
        int a_LeftMargin_Source,
        int a_TopMargin_Source,
        int a_LeftMargin_Destination,
        int a_TopMargin_Destination
    )
    {
        this.ViewToTransform = a_viewToTransform;
        this.LeftMargin_Destination = a_LeftMargin_Destination;
        this.TopMargin_Destination = a_TopMargin_Destination;
        this.LeftMargin_Source = a_LeftMargin_Source;
        this.TopMargin_Source = a_TopMargin_Source;
    }

    protected override void ApplyTransformation(float interpolatedTime, Transformation t)
    {
        //Console.WriteLine("ApplyTransformation with interpolatedTime = " + interpolatedTime);
        RelativeLayout.LayoutParams layoutParams = this.ViewToTransform.LayoutParameters as RelativeLayout.LayoutParams;

        layoutParams.LeftMargin = this.LeftMargin_Source + (int)((this.LeftMargin_Destination - this.LeftMargin_Source) * interpolatedTime);
        layoutParams.TopMargin = this.TopMargin_Source + (int)((this.TopMargin_Destination - this.TopMargin_Source) * interpolatedTime);

        this.ViewToTransform.LayoutParameters = layoutParams;
    }
}

以下是如何调用两个构造函数。

            // Animates a layout from it's current margins to specified margins
            LayoutMarginAnimation animation = new LayoutMarginAnimation(this.DraggableSeedImageContainer, 1000, 1000);
            // Animates a layout from specified margins to specified margins, regardless of what the margins are currently set to.
            //LayoutMarginAnimation animation = new LayoutMarginAnimation(this.DraggableSeedImageContainer, 200, 200, 1000, 1000);
            animation.Duration = 500;
            this.DraggableSeedImageContainer.StartAnimation(animation);

Answer 1

你遇到的问题是因为Animation类是一个抽象类。您必须创建自己的实现并覆盖ApplyTransformation()方法。

使用您提供的链接将其翻译为Xamarin.Android，我们有：

我的自定义动画类：

class ViewLeftMargingAnimation : Animation
{
    View _viewToTransform;

    int _newLeftMargin;

    public ViewLeftMargingAnimation (View viewToTransform, int newLeftMargin)
    {
        _viewToTransform = viewToTransform;

        _newLeftMargin = newLeftMargin;
    }

    protected override void ApplyTransformation (float interpolatedTime, Transformation t)
    {
        var layoutParams = (LinearLayout.LayoutParams)_viewToTransform.LayoutParameters;
        layoutParams.LeftMargin = (int)(_newLeftMargin * interpolatedTime);
        _viewToTransform.LayoutParameters = layoutParams;
    }
}

使用您的动画：

// View that will be animated:
var button = FindViewById<Button> (Resource.Id.myButton);

// Animation object:
var a = new ViewLeftMargingAnimation (button, 150);

// Animation's duration:
a.Duration = 500;

// Start my animation 
button.StartAnimation (a);

使用ValueAnimator类也可以实现。有关Xamarin.Android动画的更多信息here。

Animate LayoutParams LeftMargin和TopMargin

1 个答案: