如何在 Android 的画布上更改我的颜料的颜色/厚度？答案

【问题标题】：How do I change the color/thickness of my paint on a canvas in Android?如何在 Android 的画布上更改我的颜料的颜色/厚度？
【发布时间】：2015-06-26 19:32:12
【问题描述】：

单击图像按钮时，我无法更改颜料的颜色或厚度，即使我也对其进行了编程。我知道我做错了什么，我想我知道为什么但我无法解决它。我觉得我没有调用正确的画笔。这是我的 Java 类代码：

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PorterDuff;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

public class CanvasView extends View
{
private Paint paint = new Paint();
private Path path = new Path();
private Canvas canvas = new Canvas();
private Paint canvasPaint = new Paint();
private Bitmap canvasBitmap;

public CanvasView(Context context, AttributeSet attrs)
{
    super(context, attrs);

    paint.setAntiAlias(true);
    paint.setStrokeWidth(5);
    paint.setColor(Color.BLACK);
    paint.setStyle(Paint.Style.STROKE);
    paint.setStrokeJoin(Paint.Join.ROUND);
    paint.setStrokeCap(Paint.Cap.ROUND);
}

@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh)
{
    super.onSizeChanged(w, h, oldw, oldh);
    canvasBitmap = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);
    canvas = new Canvas(canvasBitmap);
}

@Override
protected void onDraw(Canvas drawCanvas)
{
    drawCanvas.drawBitmap(canvasBitmap, 0, 0, canvasPaint);
    drawCanvas.drawPath(path, paint);
}

@Override
public boolean onTouchEvent(MotionEvent e)
{
    // get the coords of the touch event
    float eventX = e.getX();
    float eventY = e.getY();

    switch (e.getAction()) {
        case MotionEvent.ACTION_DOWN:
            // set a new starting point
            path.moveTo(eventX, eventY);
            return true;
        case MotionEvent.ACTION_MOVE:
            // connect the points
            path.lineTo(eventX, eventY);
            break;
        default:
            return false;
    }

    //makes you view repaint and call ondraw
    invalidate();
    return true;
}

public void clearCanvas()
{
    canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);
}

这是我的 MainActivity 代码：

public class MainActivity extends Activity {

private CanvasView canvasView;
private Paint paint;
private int orange;
private int purple;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    canvasView = (CanvasView) findViewById(R.id.canvasView);
    paint = new Paint();
    orange = Color.rgb(255, 245, 238);
    purple = Color.rgb(128, 0, 128);

    // REGULAR BUTTONS: save, about, reset
    Button saveB = (Button) findViewById(R.id.saveButton);
    Button aboutB = (Button) findViewById(R.id.aboutButton);
    Button resetB = (Button) findViewById(R.id.resetButton);

    // IMAGE BUTTONS: red, blue, green, yellow, black, purple, orange, erase, brush thickness plus, brush thickness minus
    ImageButton redIb = (ImageButton) findViewById(R.id.redButton);
    ImageButton blueIb = (ImageButton) findViewById(R.id.blueButton);
    ImageButton greenIb = (ImageButton) findViewById(R.id.greenButton);
    ImageButton yellowIb = (ImageButton) findViewById(R.id.yellowButton);
    ImageButton blackIb = (ImageButton) findViewById(R.id.blackButton);
    ImageButton purpleIb = (ImageButton) findViewById(R.id.purpleButton);
    ImageButton orangeIb = (ImageButton) findViewById(R.id.orangeButton);
    ImageButton eraseIb = (ImageButton) findViewById(R.id.eraseButton);
    ImageButton plusIb = (ImageButton) findViewById(R.id.plusButton);
    ImageButton minusIb = (ImageButton) findViewById(R.id.minusButton);

    minusIb.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            paint.setStrokeWidth(-5);
        }
    });

    plusIb.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            paint.setStrokeWidth(5);
        }
    });

    eraseIb.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            paint.setColor(Color.TRANSPARENT);
        }
    });

    orangeIb.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            paint.setColor(orange);
        }
    });

    purpleIb.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            paint.setColor(purple);
        }
    });

    blackIb.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            paint.setColor(Color.BLACK);
        }
    });

    yellowIb.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            paint.setColor(Color.YELLOW);
        }
    });

    greenIb.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            paint.setColor(Color.GREEN);
        }
    });

    blueIb.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            paint.setColor(Color.BLUE);
        }
    });

    redIb.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            paint.setColor(Color.RED);
        }
    });

    saveB.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {

        }
    });

    aboutB.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            Intent intent = new Intent(getApplicationContext(), AboutActivity.class);

            startActivity(intent);
        }
    });

    resetB.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            canvasView.clearCanvas();
            // canvasView.clearCanvas2();
        }
    });
}

【问题讨论】：

标签： java android canvas android-custom-view

【解决方案1】：

您正在将您的值设置在与您的 CanvasView 无关的完全不同的 Paint 上。您必须更改 CanvasView 的 Paint 并在其上调用 invalidate 以进行任何更改。

在你的 CanvasView 中实现类似的东西来改变笔画宽度：

public void setStrokeWidth(int strokeWidth) {
    paint.setStrokeWidth(strokeWidth);
    invalidate();
}

并在您的onClick() 中使用canvasView.setStrokeWidth(5); 调用它

颜色也是如此：

public void setColor(int color) {
    paint.setColor(color);
    invalidate();
}

并在您的onClick() 中使用canvasView.setColor(Color.BLUE); 调用它

【讨论】：

它可以工作，但是，它有一个错误。它确实改变了颜色，但是当它改变时，它也改变了已经存在的绘图，所以它不能完全按照它应该的方式工作。
为了对 CanvasView 进行更改，您必须使其无效，这将重绘整个视图。您可以检查更改并仅在onDraw() 中绘制需要更新的部分，或者使用invalidate(left, top, right, bottom) 仅使视图的一部分无效。您的笔画宽度应 > 0 并且以 dp 而不是 px 为单位。传递 0 绘制一条像素线。

【解决方案2】：

如果你想在 Kotlin 中实现；

paint.strokeWidth = 3.0f

【讨论】：

【解决方案3】：

您已经在 Activity 中创建了一个 Paint 对象（假设为 paint1），并且您的画布类中有另一个 Paint 对象（假设为 paint2）。您正在使用paint2 执行绘图操作，但在您的活动中，您没有更新paint2，而是更改了在活动中创建的paint1。因此，您在单击按钮时所做的更改不会显示出来。

您需要将paint1 对象从活动传递到画布以进行更改，还需要调用invalidate() 以使用更新的绘画重绘。请看下面的代码：

public void updateCanvasPaint(Paint paint){
    this.paint = paint;
    invalidate();
}

在对绘制进行更改后，在您的 onClick 方法中调用它。像这样：

blueIb.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        paint.setColor(Color.BLUE);
        canvasView.updateCanvasPaint(paint);
    }
});

【讨论】：