如何在画布上突出显示特定矩形

Question

基于我在画布上使用的代码和截图，我试着填充一个红色的矩形，但是没有效果。如何才能确保只填充最上面一行左起第二个矩形？

public class Car extends View {
    public Car(Context context) {
        super(context);
        init();
    }

    public Car(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public Car(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    Paint paint;

    private void init() {
        paint = new Paint();
        paint.setColor(Color.RED);
        paint.setStrokeWidth(4);
//        paint.setStyle(Paint.Style.STROKE); // delete line for filled rect
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        int w = canvas.getWidth();
        int h = canvas.getHeight();

        int rectWidth = w / 5;
        int space = w / 15;
        int topRectHeight = getPaddingTop();
        int bottomRectHeight = getPaddingBottom();

        for (int i = 0; i < 4; i++) {
            int left = i * (rectWidth + space);
            int right = left + rectWidth;

            if (i == 2){
                paint.setStyle(Paint.Style.STROKE); // delete line for filled rect
            }

            Rect rect = new Rect(left, 0, right, topRectHeight);
            canvas.drawRect(rect, paint);

            Rect rect2 = new Rect(left, h - bottomRectHeight, right, h);
            canvas.drawRect(rect2, paint);
        }
    }
}

Answer 1

这样，只有指定的矩形将被填充(只有顶部第二个)。

 paint.setStyle(Paint.Style.STROKE); //add this     
      for (int i = 0; i < 4; i++) {
                    int left = i * (rectWidth + space);
                    int right = left + rectWidth;

                    if (i == 1){
                        paint.setStyle(Paint.Style.FILL); // change to this
                    }

                    Rect rect = new Rect(left, 0, right, topRectHeight);
                    canvas.drawRect(rect, paint);
                    paint.setStyle(Paint.Style.STROKE);//add this
                    Rect rect2 = new Rect(left, h - bottomRectHeight, right, h);
                    canvas.drawRect(rect2, paint);
                }

如果您只想填充第二个底部：

 paint.setStyle(Paint.Style.STROKE); //you can remove this now    
      for (int i = 0; i < 4; i++) {
                    paint.setStyle(Paint.Style.STROKE);//add this
                    int left = i * (rectWidth + space);
                    int right = left + rectWidth;           
                    Rect rect = new Rect(left, 0, right, topRectHeight);
                    canvas.drawRect(rect, paint);

                    if (i == 1){
                        paint.setStyle(Paint.Style.FILL); // change to this
                    }
                    Rect rect2 = new Rect(left, h - bottomRectHeight, right, h);
                    canvas.drawRect(rect2, paint);
                }

如果您希望第二个顶部和底部都填充：

paint.setStyle(Paint.Style.STROKE); //you can remove this now    
      for (int i = 0; i < 4; i++) {
                    paint.setStyle(Paint.Style.STROKE);//add this
                    int left = i * (rectWidth + space);
                    int right = left + rectWidth;          
                    if (i == 1){
                        paint.setStyle(Paint.Style.FILL); // change to this
                    }

                    Rect rect = new Rect(left, 0, right, topRectHeight);
                    canvas.drawRect(rect, paint);
                    Rect rect2 = new Rect(left, h - bottomRectHeight, right, h);
                    canvas.drawRect(rect2, paint);
                }