Android alpha 动画淡入淡出带延迟

Question

我想做一个非常简单的阿尔法动画，但我找不到有效的方法。

这个想法是在视图上执行此动画：

1. 从 0 到 1 的 1 秒的 alpha
2. 将 alpha 保持在 1 5 秒，
3. 从 1 到 0 的 1 秒
4. 将 alpha 保持在 0 5 秒。
5. 从 1 重新开始。

我尝试使用 AnimationSet 来实现它：

AnimationSet animationSet = new AnimationSet(true);

Animation animation1 = new AnimationUtils.loadAnimation(this, android.R.anim.fade_in);
animation1.setDuration(1000);

Animation animation2 = new AnimationUtils.loadAnimation(this, android.R.anim.fade_out);
animation2.setDuration(1000);
animation2.setStartOffset(5000);

Animation animation3 = new AlphaAnimation(0.0f, 0.0f);
animation3.setDuration(4000)
animation3.setStartOffset(6000);

animationSet.add(animation1);
animationSet.add(animation2);
animationSet.add(animation3);

等等。

但是第三个动画似乎弄乱了所有的 alpha 动画，我认为这会导致 Android 管理方式的内部不连贯这种类型的动画。

有什么想法吗？

谢谢。

Answer 1

好的，记住这两点来解决这个问题

---

• 如果我想在 5 秒后将 1.0f 变为 0.0f，动画持续时间为 1 秒，这最终是一个 1 秒的动画，暂停 5 秒。

  要实现这一点：

  1. setDuration(1000)（持续时间为 1 秒）
  2. setStartOffset(5000)（5秒后开始）

---

• 您只需要 2 个动画这将永远循环。

  1.0.0f 至 1.0f，暂停 5 秒，持续时间 1 秒

  2.1.0f 到 0.0f，暂停 5 秒，持续时间 1 秒

---

代码如下：

    animation1 = new AlphaAnimation(0.0f, 1.0f);
    animation1.setDuration(1000);
    animation1.setStartOffset(5000);

    animation2 = new AlphaAnimation(1.0f, 0.0f);
    animation2.setDuration(1000);
    animation2.setStartOffset(5000);

    textView.startAnimation(animation1);

然而，为了永远循环，我将使用AnimationListener，因为repeatCount有问题：

    animation1 = new AlphaAnimation(0.0f, 1.0f);
    animation1.setDuration(1000);
    animation1.setStartOffset(5000);

    //animation1 AnimationListener
    animation1.setAnimationListener(new AnimationListener(){

        @Override
        public void onAnimationEnd(Animation arg0) {
            // start animation2 when animation1 ends (continue)
            textView.startAnimation(animation2);
        }

        @Override
        public void onAnimationRepeat(Animation arg0) {
            // TODO Auto-generated method stub

        }

        @Override
        public void onAnimationStart(Animation arg0) {
            // TODO Auto-generated method stub

        }

    });

    animation2 = new AlphaAnimation(1.0f, 0.0f);
    animation2.setDuration(1000);
    animation2.setStartOffset(5000);

    //animation2 AnimationListener
    animation2.setAnimationListener(new AnimationListener(){

        @Override
        public void onAnimationEnd(Animation arg0) {
            // start animation1 when animation2 ends (repeat)
            textView.startAnimation(animation1);
        }

        @Override
        public void onAnimationRepeat(Animation arg0) {
            // TODO Auto-generated method stub

        }

        @Override
        public void onAnimationStart(Animation arg0) {
            // TODO Auto-generated method stub

        }

    });

    textView.startAnimation(animation1);

Answer 2

对此有一个更简单的解决方案。

假设您的视图处于 GONE 状态。要为其可见性设置动画：

yourView.setVisibility(View.VISIBLE);
yourView.animate().alpha(1).setDuration(300);

通过相同的方式您可以添加动画侦听器。

这也适用于缩放和平移动画。

Answer 3

试试这个

val shortAnimationDuration = 1000
            yourView.apply {
                alpha = 0f
                animate()
                    .alpha(1f)
                    .setDuration(shortAnimationDuration.toLong())
                    .setListener(object :AnimatorListenerAdapter(){
                        override fun onAnimationEnd(animation: Animator?) {
                           //You can add what you want to do after completing animation
                        }
                    })
            }

这是一个淡入动画。如果您想要淡出，只需交换 alpha 值即可。

Answer 4

在我的解决方案中，我在任何通用视图的 util 函数中使用动画，并且我能够通过以这种方式定义内联值来实现这一点：

fun View.fadeIn(durationMillis: Long = 250, delay: Long = 1000) {
    this.startAnimation(AlphaAnimation(0F, 1F).apply {
        duration = durationMillis
        startOffset = delay
        fillAfter = true
    })
}