在 Android 中使用画布和位图，如何获取此图像？

Question

我是安卓新手。我正在尝试绘制此图像（匹配统计信息） 并用 10% 到 100% 的颜色填充图像。我试了这么多，这是image

这是代码

public class DrawView extends View {
Paint paint = new Paint();

public DrawView(Context context) {
    super(context);
}

@Override
public void onDraw(Canvas canvas) {
    paint.setColor(Color.BLACK);
    paint.setStrokeWidth(3);
    canvas.drawRect(30, 30, 100, 100, paint);
    paint.setStrokeWidth(0);
    paint.setColor(Color.GRAY);
    canvas.drawRect(33, 60, 97, 97, paint);
    paint.setColor(Color.WHITE);
    canvas.drawRect(33, 33, 97, 60, paint);

}

任何建议都会对我有很大帮助。 提前致谢。

Answer 1

我会准备两个图像 - 完全填充和未填充（仅描边）。有了它，将它们加载为两个 Bitmap 对象，然后像这样绘制：

float fillProgress = 0.1f; // let's say image is 10% filled

canvas.drawBitmap(onlyStroke, 0f, 0f, null);  // draw just stroke first

canvas.save();
canvas.clipRect(
    0f,                                       // left
    getHeight() - fillProgress * getHeight(), // top
    getWidth(),                               // right
    getHeight()                               // bottom
);
canvas.drawBitmap(filled, 0f, 0f, null);      // region of filled image specified by clipRect will now be drawn on top of onlyStroke image
canvas.restore();

使用两个图像，轮廓和填充，例如下面。

上面的代码做了以下事情：

1. 绘制轮廓。
2. 应用剪辑（裁剪）区域。
3. 绘制填充形状并应用裁剪。
4. 根据需要删除剪辑、图像。

应用不同的剪辑尺寸，您可以获得所需的填充百分比。例如