为 recyclerview 和 textview 翻译动画不流畅

Question

我想在 Toolbar 下方显示一个 TextView，如果有新事件进入，它应该出现。它应该从 Toolbar 下方滑下，出现持续 1-2 秒，然后再次向上滑动。在 TextView 下方是一个 RecyclerView，在 GridLayout.

中订购了几件商品

为了实现这一点，我使用 TranslateAnimation 让动画再次向上滑动：

TranslateAnimation animate = new TranslateAnimation(0, 0, 0, -tvStatus.getHeight());
animate.setDuration(1000);
animate.setAnimationListener(new Animation.AnimationListener() {
    @Override
    public void onAnimationStart(Animation animation) {
    }
    @Override
    public void onAnimationEnd(Animation animation) {
        tvStatus.setVisibility(View.GONE);
    }
    @Override
    public void onAnimationRepeat(Animation animation) {
    }
});
tvStatus.startAnimation(animate);

TextView 本身的滑动动画工作正常，但 RecyclerView 的动画效果不佳。 TextView 再次向上滑动，直至隐藏，并有短时间的空隙。

然后 ReclerView 就跳起来了，看起来不太好。

我的问题是：如何调整我的代码，使RecylerView在TextView开始向上滑动时也向上滑动？

编辑 - 解决方案：

我调整了我的解决方案，包括来自的输入。我解决了没有翻译的动画，只是通过改变视图的高度。

状态栏展开方法：

public void expand() {
                    //set Visible
                    tvStatus.setVisibility(View.VISIBLE);
                    mAnimator = slideAnimator(0, mHeight);
                    mAnimator.setDuration(600);
                    mAnimator.setInterpolator(new AccelerateDecelerateInterpolator());
                    mAnimator.start();
}

折叠状态栏的方法：

private void collapse() {


        int finalHeight = tvStatus.getHeight();
                    ValueAnimator mAnimator = slideAnimator(finalHeight, 0);
                    mAnimator.setDuration(500);
                    mAnimator.setInterpolator(new AccelerateDecelerateInterpolator());
                    mAnimator.addListener(new AnimatorListenerAdapter() {
                        @Override
                        public void onAnimationEnd(Animator animation) {
                            tvStatus.setVisibility(View.GONE);
                        }
                    });
                    mAnimator.start();
}

值动画师：

private ValueAnimator slideAnimator(int start, int end) {

        ValueAnimator animator = ValueAnimator.ofInt(start, end);
        animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator valueAnimator) {
                //Update Height
                int value = (Integer) valueAnimator.getAnimatedValue();
                ViewGroup.LayoutParams layoutParams = tvStatus.getLayoutParams();
                layoutParams.height = value;
                tvStatus.setLayoutParams(layoutParams);
            }
        });
        return animator;
}

在onCreate中调用measureTextHeight()方法获取TextView高度：

public void measureTextHeight() {
        tvStatus.setVisibility(View.VISIBLE);
        tvStatus.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
            @Override
            public boolean onPreDraw() {
                mHeight = tvStatus.getHeight();
                if (mHeight > 0) {
                    tvStatus.getViewTreeObserver().removeOnPreDrawListener(this);
                    tvStatus.setVisibility(View.GONE);
                    return false;
                }
                return true;
            }
        });
    }

Answer 1

您还需要为 TextView 的布局参数设置动画，而不仅仅是翻译。添加这个并运行它与你的翻译动画并行。确保在开始动画之前知道文本视图高度（如果文本视图不可见，您可能需要使用预绘制侦听器）：

final ViewGroup.LayoutParams layoutParams = mTextView.getLayoutParams();
mTextView.setVisibility(View.VISIBLE);
ValueAnimator anim = ValueAnimator.ofInt(mTextView.getHeight());
anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator valueAnimator) {
        int val = (Integer) valueAnimator.getAnimatedValue();
        layoutParams.height = val;
        mTextView.setLayoutParams(layoutParams);
    }
});
anim.setDuration(1000);
anim.start();

编辑：

要测量文本视图的高度，使其在您的布局中可见，然后添加一个 onPreDrawListener 以膨胀您的布局：

private void measureTextHeight() {
    mTextView.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
        @Override
        public boolean onPreDraw() {
            mTextViewHeight = mTextView.getHeight();
            if (mTextViewHeight > 0) {
                mTextView.getViewTreeObserver().removeOnPreDrawListener(this);
                mTextView.setTranslationY(-mTextViewHeight);
                mTextView.setVisibility(View.GONE);
                return false;
            }
            return true;
        }
    });
}

现在你有了文本视图的高度，所以你可以使用上面的函数来显示它。要隐藏它，您可以这样做：

final ViewGroup.LayoutParams layoutParams = mTextView.getLayoutParams();
mTextView.setVisibility(View.VISIBLE);
ValueAnimator anim = ValueAnimator.ofInt(mTextView.getHeight());
anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator valueAnimator) {
        int val = (Integer) valueAnimator.getAnimatedValue();
        layoutParams.height = mTextViewHeight - val;
        mTextView.setLayoutParams(layoutParams);
    }
});
anim.addListener(new AnimatorListenerAdapter() {
    @Override
    public void onAnimationCancel(Animator animation) {
        mTextView.setVisibility(View.GONE);
    }

    @Override
    public void onAnimationEnd(Animator animation) {
        mTextView.setVisibility(View.GONE);
    }
});
anim.setDuration(1000);
anim.start();

请记住，这需要运行与您的翻译动画并行，因此您可以使用动画师将它们运行一起设置。

为 recyclerview 和 textview 翻译动画不流畅

Translate animation for recyclerview and textview not smooth

animation

android

translate-animation

android-recyclerview