Android动画问题——可见性变化比动画快

Question

我在调整动画以更改视图的可见性时遇到问题。

我已经阅读了各种提示，但推荐的解决方案对我没有帮助。动画运行不顺畅 - 我做错了什么？

我的代码如下所示：

    childRelativeLayout.setVisibility(View.GONE);

    parentRelativeLayout.setOnClickListener(new View.OnClickListener() {
        public void onClick(View v) {
            if (childRelativeLayout.getVisibility() == View.VISIBLE) {
                Animation slide_up = AnimationUtils.loadAnimation(context, R.anim.slide_up);
                childRelativeLayout.startAnimation(slide_up);

                //-------
                childRelativeLayout.getLayoutTransition()
                        .enableTransitionType(LayoutTransition.CHANGING);
                //-------
                //OR
                //-------
                try {
                    Thread.sleep(200);
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
                //-------

                childRelativeLayout.setVisibility(View.GONE);
            } else {
                Animation slide_down = AnimationUtils.loadAnimation(context, R.anim.slide_down);
                childRelativeLayout.startAnimation(slide_down);

                childRelativeLayout.setVisibility(View.VISIBLE);
            }
        }
    });

slide_down.xml

<translate
    android:duration="200"
    android:fromYDelta="-100%"
    android:toYDelta="0" />

slide_up.xml

<translate
    android:duration="200"
    android:fromYDelta="0"
    android:toYDelta="-100%" />

Answer 1

您需要删除 thread.Sleep() 并添加动画侦听器并在动画结束侦听器中设置可见性 GONE。

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

    }

    @Override
    public void onAnimationEnd(Animation animation) {
childRelativeLayout.setVisibility(View.GONE);
    }

    @Override
    public void onAnimationRepeat(Animation animation) {

    }
});

对于 slide_down 动画

 slide_down.setAnimationListener(new Animation.AnimationListener() {
        @Override
        public void onAnimationStart(Animation animation) {
    childRelativeLayout.setVisibility(View.VISIBLE);
        }

        @Override
        public void onAnimationEnd(Animation animation) {

        }

        @Override
        public void onAnimationRepeat(Animation animation) {

        }
    });

Answer 2

我使用 Kotlin，但在 Java 中看起来是一样的

val animatorSet = AnimatorSet()

val positionAnimator = ValueAnimator.ofFloat(tv.x, 0F)

positionAnimator.duration = animationDuration
positionAnimator.addUpdateListener {
   tv.x = positionAnimator.animatedValue as Float
}

val alphaAnimation = ValueAnimator.ofFloat(1F, 0F, 1F)

alphaAnimation.duration = animationDuration
alphaAnimation.addUpdateListener {
   tv.alpha = alphaAnimation.animatedValue as Float
}

animatorSet.addListener(object : AnimatorListenerAdapter() {
override fun onAnimationEnd(animation: Animator) {
   super.onAnimationEnd(animation)
   //If you need some events
   }
})

positionAnimator.interpolator = AccelerateDecelerateInterpolator()
animatorSet.playTogether(positionAnimator, alphaAnimation)
animatorSet.start()

对于 JAVA。这只是一个例子。

private void animate() {
        animatorSet = new AnimatorSet();

        ValueAnimator positionAnimator = ValueAnimator.ofFloat(0, 100F);
        positionAnimator.setDuration(200);
        positionAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator valueAnimator) {
                view.setX((Float) valueAnimator.getAnimatedValue());
            }
        });

        ValueAnimator alphaAnimation = ValueAnimator.ofFloat(0f, 1F);
        positionAnimator.setDuration(200);
        positionAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator valueAnimator) {
                view.setAlpha((Float) valueAnimator.getAnimatedValue());
            }
        });

        animatorSet.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animation, boolean isReverse) {

            }

            @Override
            public void onAnimationEnd(Animator animation, boolean isReverse) {

            }

            @Override
            public void onAnimationStart(Animator animator) {

            }

            @Override
            public void onAnimationEnd(Animator animator) {

            }

            @Override
            public void onAnimationCancel(Animator animator) {

            }

            @Override
            public void onAnimationRepeat(Animator animator) {

            }
        });

        positionAnimator.setInterpolator(new AccelerateDecelerateInterpolator()); 
        animatorSet.playTogether(positionAnimator, alphaAnimation);
        animatorSet.start();
    }