android - 使用透明元素着色的 Android 视图背景

Question

我们可以使用 Shape 轻松制作背景透明和彩色元素，如下所示：

• 颜色 蓝色 : 纯色
• 白色/灰色方块：透明

<shape 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    <corners 
        android:radius="20dp"/>
    <solid 
        android:color="#1f93ed" />
</shape>

但是我怎么能做一个像这样的彩色背景和透明元素的视图背景：

好像背景颜色被形式打孔了......有什么想法吗？

Answer 1

您可以在自定义可绘制对象或视图中覆盖 onDraw 来绘制自己的彩色区域。

例如，在这段代码中，我画了四个“角轮廓”：

@Override
    protected void onDraw(Canvas canvas) 
    {
        super.onDraw(canvas);
        drawCorner(cornerSizeInPixel, canvas, Color.GREEN));
    }

    private void drawCorner(int size, Canvas canvas, int color)
    {
        Paint paint = new Paint();
        paint.setAntiAlias(true);
        paint.setColor(color);
        paint.setStyle(Style.FILL);

        // top left
        Path p = new Path();
        p.moveTo(0, 0);
        p.lineTo(size, 0);
        p.arcTo(new RectF(0, 0, size, size), 180, 90, true);
        p.lineTo(0, 0);
        canvas.drawPath(p, paint);  

        // bottom left
        int h = canvas.getHeight();
        p = new Path();
        p.moveTo(0, h);
        p.lineTo(size, h);
        p.arcTo(new RectF(0, h - size, size, h), 90, 90, true);
        p.lineTo(0, h);
        canvas.drawPath(p, paint);

        // top right
        int w = canvas.getWidth();
        p = new Path();
        p.moveTo(w, 0);
        p.lineTo(w - size, 0);
        p.arcTo(new RectF(w - size, 0, w, size), 270, 90, true);
        p.lineTo(w, 0);
        canvas.drawPath(p, paint);  

        // bottom right
        p = new Path();
        p.moveTo(w, h);
        p.lineTo(w - size, h);
        p.arcTo(new RectF(w - size, h - size, w, h), 0, 90, true);
        p.lineTo(w, h);
        canvas.drawPath(p, paint);  
    }

结果：图像的每个角落都有4个绿色表格，它们一起绘制了一个真正透明的圆角矩形

Answer 2

option 1: use normal .png file

option 2: create a custom Drawable by extending ShapeDrawable class

Answer 3

替换android:color="#1f93ed"为android:color="@android:color/transparent并将背景设置为蓝色