Android 视图大纲 - 使用自定义路径

Question

当我如下设置 View 的大纲时，它工作得很好：

view.setClipToOutline(true);
view.setOutlineProvider(new ViewOutlineProvider() {
  @Override
  public void getOutline(View view, Outline outline) {
    outline.setRoundRect(0, 0, view.getWidth(), view.getHeight(), 16);
  }
});

但是，使用 Path 没有任何效果。将setRoundRect 替换为：

Path path = new Path();
path.addRoundRect(
  0, 0, view.getWidth(), view.getHeight(), 16, 16, Path.Direction.CW);
outline.setConvexPath(path);

如何使视图剪辑到提供的路径？

Answer 1

我知道它对裁剪没有帮助，但我们仍然可以在高程阴影中利用 outline.setConvexPath(path);，因为它可以很好地作为路径周围高程阴影的轮廓。

我附上了一张图片以使其更加清晰：

第一张图片：带有[带阴影的图片]的ImageView

android:outlineProvider="bounds"  
android:elevation="4dp"

第二张图片：CustomImageView with canvas.clipPath(getShapePath()) in onDraw() 方法[我们将得到剪裁的图像，但阴影仍显示为矩形边界]

android:outlineProvider="bounds"  
android:elevation="4dp"

第三张图片：在 onDraw() 方法中使用 canvas.clipPath(getShapePath()) 和在 ViewOutlineProvider 中使用 outline?.setConvexPath(getShapePath()) 的 CustomImageView。 [我们将得到裁剪后的图像，阴影将与裁剪后的图像对齐]

android:outlineProvider="bounds" // this will have no effect since it will be override by setConvexPath  
android:elevation="4dp"

Download Source Code

Answer 2

似乎View 只能裁剪为矩形、圆角矩形或椭圆形Outline。相反，View 只能剪裁为使用setRect()、setRoundRect() 或setOval() 方法专门定义的Outline。带有Path 的Outline 集将不起作用，即使Path 本身可能是上述形状之一。

在我看来，这在几个地方都有记录，虽然不是特别好。

View#setClipToOutline():

请注意，只有当视图的大纲从 canClip() 返回 true 时，才会尊重此标志。

Outline#canClip():

目前，只有可以表示为矩形、圆形或圆形矩形的轮廓支持剪裁。

Defining Shadows and Clipping Views - Clip Views:

只有矩形、圆形和圆角矩形轮廓支持剪切，由Outline.canClip() 方法确定。

乍一看，这似乎与Outline 自己的内部工作方式不一致，因为凸形Path 实际上在内部用于非圆形椭圆形。但是，简单地禁止所有外部定义的Paths 确实有意义，而不是花费必要的资源来确定任意Path 是否有效。