Android 翻译动画 - 使用 AnimationListener 将视图永久移动到新位置

Posted 2023-03-06

【中文标题】Android 翻译动画 - 使用 AnimationListener 将视图永久移动到新位置

【英文标题】：Android translate animation - permanently move View to new position using AnimationListener

【发布时间】：2013-10-01 17:44:05

【问题描述】：

我有安卓翻译动画。我有一个带有随机生成位置（next1，next2）的 ImageView。我每 3 秒调用一次 void。它生成视图的新位置，然后制作动画并将视图移动到目标位置。翻译动画已实现 AnimationListener。动画结束后，我将 View 永久移动到新位置（在 OnAnimationEnd 中）。我的问题是动画位置与设置 layoutParams 位置不对应。当动画结束时，它会跳转到一个新的位置，大约 50-100 像素远。我认为位置应该相同，因为我在两种情况下都使用相同的值（next1，next2）。请你能告诉我找到解决方案的方法吗？

 FrameLayout.LayoutParams pozice_motyl = (FrameLayout.LayoutParams)  pozadi_motyl.getLayoutParams();    
            TranslateAnimation anim = new TranslateAnimation(Animation.ABSOLUTE,pozice_motyl.leftMargin, Animation.ABSOLUTE, next1, Animation.ABSOLUTE, pozice_motyl.topMargin, Animation.ABSOLUTE, next2);
            anim.setDuration(1000);
            anim.setFillAfter(true);
            anim.setFillEnabled(true);

            anim.setAnimationListener(new Animation.AnimationListener() 
                @Override
                public void onAnimationStart(Animation animation) 
                

                @Override
                public void onAnimationEnd(Animation animation) 




                    FrameLayout.LayoutParams layoutParams = new FrameLayout.LayoutParams(100, 100);

                    layoutParams.leftMargin = (int)(next1);
                    layoutParams.topMargin = (int)(next2);
                    pozadi_motyl.setLayoutParams(layoutParams);

                

                @Override
                public void onAnimationRepeat(Animation animation) 

                
            );

            pozadi_motyl.startAnimation(anim);

这是 XML 布局：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:ads="http://schemas.android.com/apk/lib/com.google.ads"
    android:layout_
    android:layout_ 
    android:id="@+id/pozadi0"
    android:gravity="center_vertical"
    android:layout_gravity="center_vertical"          
    android:background="@drawable/pozadi2"
    >



<LinearLayout
android:id="@+id/pozadi_motyl"
        android:layout_
        android:layout_
        >

  <ImageView android:id="@+id/obrazek_motyl"
             android:src="@drawable/motyl"
             android:layout_
             android:layout_
                         />

   </LinearLayout>


<LinearLayout 
android:orientation="vertical"
android:layout_
android:layout_
>

<RelativeLayout
android:id="@+id/obrazek_pozadi0"
android:layout_
android:layout_
>



 <ImageView android:id="@+id/zaba_obrazek0"
android:src="@drawable/zaba_obrazek"
android:layout_
android:layout_
android:layout_alignParentBottom="true"
android:layout_centerInParent="true"
/>

</RelativeLayout>   
</LinearLayout> 

<LinearLayout
android:layout_
android:layout_ 
>

<cz.zaba.Spojnice  
android:layout_          
android:layout_ 
/>

</LinearLayout>
</FrameLayout>

【问题讨论】：

请看我的回答，直接相关：***.com/a/47593484/2606290

试试这个：***.com/a/70812265/4606860

【参考方案1】：

我通常更喜欢在翻译动画中使用增量，因为它可以避免很多混乱。

试试这个，看看它是否适合你：

TranslateAnimation anim = new TranslateAnimation(0, amountToMoveRight, 0, amountToMoveDown);
anim.setDuration(1000);

anim.setAnimationListener(new TranslateAnimation.AnimationListener() 

    @Override
    public void onAnimationStart(Animation animation)  

    @Override
    public void onAnimationRepeat(Animation animation)  

    @Override
    public void onAnimationEnd(Animation animation) 
    
        FrameLayout.LayoutParams params = (FrameLayout.LayoutParams)view.getLayoutParams();
        params.topMargin += amountToMoveDown;
        params.leftMargin += amountToMoveRight;
        view.setLayoutParams(params);
    
);

view.startAnimation(anim);

确保amountToMoveRight/amountToMoveDownfinal

希望这会有所帮助:)

【讨论】：

谢谢吉尔。小修正：TranslateAnimation anim = new TranslateAnimation(0, amountToMoveRight, 0, amountToMoveDown);

这会导致闪烁，请参阅：***.com/questions/2650351/…

不需要添加监听器，使用setFillAfter(true)

@Valera 这样做会在尝试拦截动画视图上的触摸事件时导致意外行为

出于某种原因，我需要将onAnimationEnd() 的主体放入处理程序中。我不知道为什么，但是 handler.post() 起作用了，否则我会在动画结束时看到一点抖动。

【参考方案2】：

您应该使用ViewPropertyAnimator。这会将视图动画到它的未来位置，并且您不需要在动画结束后在视图上强制任何布局参数。而且很简单。

myView.animate().x(50f).y(100f);

myView.animate().translateX(pixelInScreen) 

注意：此像素与视图无关。这个像素是像素 在屏幕中的位置。

【讨论】：

有什么方法可以设置监听器？

【参考方案3】：

就这样做

view.animate()
            .translationY(-((root.height - (view.height)) / 2).toFloat())
            .setInterpolator(AccelerateInterpolator()).duration = 1500

这里，view 是您的视图，它从其原始位置开始动画。 root 是您的 XML 文件的根视图。

translationY 内部的计算用于将您的视图移动到顶部但将其保留在屏幕内，否则，如果您将其值保持为 0，它将部分移出屏幕。

【讨论】：

有什么方法可以设置监听器？

【参考方案4】：

这对我来说非常有效：-

// slide the view from its current position to below itself
public void slideUp(final View view, final View llDomestic)

    ObjectAnimator animation = ObjectAnimator.ofFloat(view, "translationY",0f);
    animation.setDuration(100);
    llDomestic.setVisibility(View.GONE);
    animation.start();



// slide the view from below itself to the current position
public void slideDown(View view,View llDomestic)
    llDomestic.setVisibility(View.VISIBLE);
    ObjectAnimator animation = ObjectAnimator.ofFloat(view, "translationY",   0f);
    animation.setDuration(100);
    animation.start();

llDomestic ：要隐藏的视图。 视图：要向下或向上移动的视图。

【参考方案5】：

你可以试试这个方法——

ObjectAnimator.ofFloat(view, "translationX", 100f).apply 
    duration = 2000
    start()

注意 - 视图是您想要动画的视图。

【参考方案6】：

列出实现此目标的 3 种方法以供将来参考

fun translateView(viewToAnimate: View, positionX: Int) 
        

直接动画视图

        viewToAnimate.animate()
            .x(positionX)
            .setDuration(600L)
            .setInterpolator(defaultAnimationInterpolator)
            .start()

对象动画师

         ObjectAnimator.ofFloat(
            viewToAnimate,
            View.X,
            positionX
        ).apply 
            duration = 600
            interpolator = defaultAnimationInterpolator
        .start()

价值动画师

        ValueAnimator.ofFloat(viewToAnimate.x, positionX).apply 
            duration = 2000
            interpolator = defaultAnimationInterpolator
            addUpdateListener 
                viewToAnimate.x = it.animatedValue as Float
            
            start()