我正在尝试实现我自己的 recyclerview 动画 - 我想在不使用任何外部库的情况下实现这一点。这是理论上的动画应该的样子。

用户单击列表上的一个项目，然后会出现一个打开另一个 View 的动画。

在高层次上，使用最少的代码，可能只是伪代码，为了创建这样的动画，流程是什么？

另外我想指出，如果用户点击同一个项目或另一个项目，动画也应该能够反向完成

我对 RecyclerView 类不是很熟悉，想了解更多关于它以及与之相关的动画。

最佳答案

解决方案:

我解决这个问题的方法是为 ViewHolder 类实现一个监听器 View.OnClickListener，该类扩展了 RecyclerView.ViewHolder。于是我们得到如下代码:

public static class ExampleViewHolder extends RecyclerView.ViewHolder 
    implements View.OnClickListener {

    private int originalHeight = 0;
    private boolean isViewExpanded = false;
    private YourCustomView yourCustomView

    // ..... CODE ..... //

}

originalHeight 和 isViewExpanded 变量用于动画过程。在构造函数中，我将 View 初始化为 View.OnClickListener，如下所示:

public ExampleViewHolder(View v) {
     super(v);
     v.setOnClickListener(this);

     // Initialize other views, like TextView, ImageView, etc. here

     // If isViewExpanded == false then set the visibility 
     // of whatever will be in the expanded to GONE

     if (isViewExpanded == false) {
         // Set Views to View.GONE and .setEnabled(false)
         yourCustomView.setVisibility(View.GONE);
         yourCustomView.setEnabled(false);
     }

 }

现在构造函数已经处理好了，我们要配置当用户单击单个 RecyclerView 项时会发生什么。在这里有用的类是 ValueAnimator 和 Animation 对象。我们像这样重写 onClick 方法来完成这个:

@Override
public void onClick(final View view) {
    // If the originalHeight is 0 then find the height of the View being used 
    // This would be the height of the cardview
    if (originalHeight == 0) {
            originalHeight = view.getHeight();
        }

    // Declare a ValueAnimator object
    ValueAnimator valueAnimator;
        if (!mIsViewExpanded) {
            yourCustomView.setVisibility(View.VISIBLE);
            yourCustomView.setEnabled(true);
            mIsViewExpanded = true;
            valueAnimator = ValueAnimator.ofInt(originalHeight, originalHeight + (int) (originalHeight * 2.0)); // These values in this method can be changed to expand however much you like
        } else {
            mIsViewExpanded = false;
            valueAnimator = ValueAnimator.ofInt(originalHeight + (int) (originalHeight * 2.0), originalHeight);

            Animation a = new AlphaAnimation(1.00f, 0.00f); // Fade out

            a.setDuration(200);
            // Set a listener to the animation and configure onAnimationEnd
            a.setAnimationListener(new Animation.AnimationListener() {
                @Override
                public void onAnimationStart(Animation animation) {

                }

                @Override
                public void onAnimationEnd(Animation animation) {
                    yourCustomView.setVisibility(View.INVISIBLE);
                    yourCustomView.setEnabled(false);
                }

                @Override
                public void onAnimationRepeat(Animation animation) {

                }
            });

            // Set the animation on the custom view
            yourCustomView.startAnimation(a);
        }
        valueAnimator.setDuration(200);
        valueAnimator.setInterpolator(new AccelerateDecelerateInterpolator());
        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            public void onAnimationUpdate(ValueAnimator animation) {
                Integer value = (Integer) animation.getAnimatedValue();
                view.getLayoutParams().height = value.intValue();
                view.requestLayout();
            }
        });


        valueAnimator.start();

    }

现在，当您在 RecyclerView 上触摸单个卡片 View 时(假设您有一个 CardView 设置，那么它应该展开。确保在您的 xml 中正确声明您的 customView文件(例如，如果您希望 CardView 在您触摸它时向下扩展，然后在其他 View 下方正确分配 customView 并在声明它时将可见性设置为消失，然后在动画开始时像这样上面的代码然后将可见性设置为 Visible 并启用 View 。

希望这可以帮助某人。

关于android - 项目单击时的 RecyclerView 动画，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27642644/