java - 剪切部分 XML 形状

Question

我在 XML 中有一个矩形形状视图：

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle"> 

        <solid android:color="@color/lightblue"/> 
    </shape>

我想要的是把它切成两半，所以结果看起来像：

可能吗？如果是，我该如何实现？

笔记：

1）添加旋转的白色矩形不是解决方案。我需要保持蓝色形状的切割区域透明（它下面有更多的视图层）。

2）矩形的左下角有点圆（我忘了在上图中画出来）。

Answer 1

使用ShapeDrawable这样的：

Drawable d = new ShapeDrawable(new S(Color.BLUE, 32));

其中类S是自定义的Shape：

class S extends Shape {
    final int color;
    final float radius;
    Path path = new Path();

    public S(int color, float radius) {
        this.color = color;
        this.radius = radius;
    }

    @Override
    protected void onResize(float width, float height) {
        path.reset();
        path.moveTo(0, 0);
        path.lineTo(width, height);
        path.lineTo(radius, height);
        RectF oval = new RectF(0, height - 2 * radius, 2 * radius, height);
        path.arcTo(oval, 90, 90);
        path.close();
    }

    @Override
    public void draw(Canvas canvas, Paint paint) {
        paint.setColor(color);
        canvas.drawPath(path, paint);
    }
}

现在您可以Drawable d在任何呼叫View#setBackground()等中TextView#setCompoundDrawables()使用

Answer 2

Play around bit ，从 API 21 开始，您可以使用矢量可绘制对象

这是我所做的，根据需要更改数字。创建了一个可绘制my_custom_shape.xml资源文件

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:height="100dp"
    android:width="100dp"
    android:viewportHeight="100"
    android:viewportWidth="45" >
    <group
        android:name="triableGroup">
        <path
            android:name="triangle"
            android:fillColor="#000"
            android:pathData="m 0,0 l 50,100 -50,0 z" />
    </group>
</vector>

输出：

并在您View将其设置为背景 android:background="@drawable/my_custom_shape"

注意：忘记尝试使用 px 而不是 dp 并查看将有助于为每个设备保持相同的大小，请尝试查看