Android Nougat clipPath在动画期间不起作用答案

【问题标题】：Android Nougat clipPath not working during animationAndroid Nougat clipPath在动画期间不起作用
【发布时间】：2017-02-09 10:53:09
【问题描述】：

我在画布上创建了一个圆形剪辑路径，并且我有一列在画布上动画的数字，所以我在剪辑部分看到数字动画并动画出来。这是剪辑的代码：

mClipPath.addCircle((w / 2f), (h / 2f), radius, Path.Direction.CW); 
canvas.clipPath(mClipPath, Region.Op.INTERSECT);

如您所见，0 表示动画输出，1 表示动画输入（右侧的数字）。

但在某些情况下，剪辑不会在动画期间正确发生（左侧的 3 和 4）。

这只发生在牛轧糖上。

【问题讨论】：

可以分享其他api版本的截图吗？此外，更多代码会有所帮助
其他api版本与第一张截图类似，动画中任何数字均无不规则剪裁。

标签： android animation clip android-7.0-nougat

【解决方案1】：

我遇到了同样的问题。在滚动包含下面的 CircleCropDrawable 的 RecyclerView 时，我可以看到根据滚动位置在剪裁和未剪裁之间的可绘制 Flash。

但是，通过反复试验，我发现这只发生在路径与可绘制对象的边缘相交时。将半径减小 1dp 可以解决问题（小于 1dp 不起作用）

CircleCropDrawable.java

package com.someone.android.view;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.ColorFilter;
import android.graphics.Path;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.support.annotation.NonNull;
import android.util.TypedValue;

public class CircleCropDrawable extends Drawable {

    private final Context mContext;
    private final Drawable mDrawable;

    public CircleCropDrawable(Context context, Drawable drawable) {
        mContext = context;
        this.mDrawable = drawable;
    }

    @Override
    public void draw(@NonNull Canvas canvas) {
        final float width = getBounds().width();
        final float height = getBounds().height();
        final Path path = new Path();
        // There seems to be a bug in N where the clip path doesn't work when animating
        // without a 1dp reduction in radius, the drawable unclips when scrolling in a RecyclerView
        float inset = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 2, mContext.getResources().getDisplayMetrics());
        path.addCircle(width / 2, height / 2, Math.min(width / 2, height / 2) - inset, Path.Direction.CW);
        canvas.clipPath(path);
        mDrawable.draw(canvas);
    }

    @Override
    protected void onBoundsChange(Rect bounds) {
        mDrawable.setBounds(bounds);
    }

    @Override
    public int getIntrinsicWidth() {
        return mDrawable.getIntrinsicWidth();
    }

    @Override
    public int getIntrinsicHeight() {
        return mDrawable.getIntrinsicHeight();
    }


    @Override
    public void setAlpha(int i) {
        mDrawable.setAlpha(i);
    }

    @Override
    public void setColorFilter(ColorFilter colorFilter) {
        mDrawable.setColorFilter(colorFilter);
    }

    @Override
    public int getOpacity() {
        return mDrawable.getOpacity();
    }
}

【讨论】：

太棒了！我在同一个问题上花了很多时间。我怎么也想不通！ :-) 谢谢。

【解决方案2】：

我已就此向 Google 提交了一个错误，它似乎已得到解决。这是错误的链接：

https://code.google.com/p/android/issues/detail?id=225016

【讨论】：

【解决方案3】：

我们通过对此视图禁用硬件加速来解决此问题，如下所示：

myView.setLayerType(View.LAYER_TYPE_SOFTWARE, null);

【讨论】：