@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getActionMasked()) {
case MotionEvent.ACTION_DOWN:
path.reset();
path.moveTo(event.getX(), event.getY());
break;
case MotionEvent.ACTION_MOVE:
path.lineTo(event.getX(), event.getY());
break;
}
return super.onTouchEvent(event);
}
/**
* 自定义的方法,简单绘制一些基本图形
*
* @param mCanvas 把图形画在mCanvas上
*/
public void canvasMethod(Canvas mCanvas) {
// 创建对应坐标的矩形区域
RectF mArc = new RectF(mX, mY - 70, mX + 50, mY - 20);
// 画填充弧,在矩形区域内,从弧的最右边开始,画270度,然后再通过连接圆心来填充
mCanvas.drawArc(mArc, 0, 270, true, mPaint);
// 获得icon的Bitmap对象
Bitmap mBitmap = Bitmap.createBitmap(100, 100, Bitmap.Config.ARGB_8888);
// 画图片
mCanvas.drawBitmap(mBitmap, mX, mY, mPaint);
// 画圆,(x轴,y轴,半径,画笔)
mCanvas.drawCircle(mX + 10, mY + 60, 10, mPaint);
// 画一条线,(起点横坐标,起点纵坐标,终点横坐标,终点纵坐标,画笔)
mCanvas.drawLine(mX, mY + 75, mX + 20, mY + 75, mPaint);
// 画多条线,(坐标数组,画笔)坐标数组里每四个值构成一条线
mCanvas.drawLines(
new float[] {mX + 50, mY + 45, mX + 50, mY + 75, mX + 60, mY + 45, mX + 60, mY + 75},
mPaint);
// 创建对应矩形区域
RectF mOval = new RectF(mX, mY + 80, mX + 60, mY + 110);
// 画椭圆
mCanvas.drawOval(mOval, mPaint);
/*
* Paint qPaint = new Paint(); qPaint.setColor(Color.RED);
* mCanvas.drawPaint(qPaint);
*/
// 重置Path里的所有路径
mPath.reset();
// 设置Path的起点
mPath.moveTo(mX, mY + 120);
// 第二个点
mPath.lineTo(screenW - 10, mY + 120);
// 第三个点
mPath.lineTo(screenW - 10, mY + 150);
// 画出路径,这里画的是三角形
mCanvas.drawPath(mPath, mPaint);
// 重置Path里的所有路径
qPath.reset();
// 设置Path的起点
qPath.moveTo(qStartX, qStartY);
// 设置贝塞尔曲线的控制点坐标和终点坐标
qPath.quadTo(qControlX, qCOntrolY, qEndX, qEndY);
// 画出贝塞尔曲线
mCanvas.drawPath(qPath, qPaint);
// 画点
mCanvas.drawPoint(mX, mY + 155, qPaint);
// 画多个点,坐标数组每两个值代表一个点的坐标
mCanvas.drawPoints(new float[] {mX, mY + 160, mX + 5, mY + 160, mX + 5, mY + 160}, qPaint);
// 画矩形
mCanvas.drawRect(mX, mY + 170, mX + 100, mY + 220, mPaint);
// 设置矩形区域
RectF mRect = new RectF(mX, mY + 230, mX + 100, mY + 260);
// 画圆角矩形,这个方法的第二第三个参数在后面有图讲解
mCanvas.drawRoundRect(mRect, 10, 10, mPaint);
// 画文本
mCanvas.drawText("drawText", mX, mY + 290, mPaint);
// 画文本,数组里每两个值代表文本的一个字符的坐标，数组的坐标可以比字符串里的字符多，但不可以少
mCanvas.drawPosText(
"哈哈你好",
new float[] {mX, mY + 310, mX + 20, mY + 310, mX + 40, mY + 310, mX + 60, mY + 310},
mPaint);
// 重置Path
tPath.reset();
// 添加一个圆形路径,坐标,半径,方向(顺时针还是逆时针)
tPath.addCircle(mX + 10, mY + 340, 10, Path.Direction.CW);
// 画出路径
mCanvas.drawPath(tPath, qPaint);
// 把文本画在路径上,但不会画出路径
mCanvas.drawTextOnPath("draw", tPath, 30, 0, mPaint);
}
private void stroke(Seria s, Canvas canvas) {
mPlotPaint.setStyle(Paint.Style.STROKE);
// draw line
if (s.mWidth > 0) {
// create the path
mPath.reset();
mPath.moveTo(calcX(s.x[0]), calcY(s.y[0]));
for (int i = 1; i < s.sz(); i++) {
mPath.lineTo(calcX(s.x[i]), calcY(s.y[i]));
}
// draw the path
mPlotPaint.setColor(s.mColor);
mPlotPaint.setStrokeWidth(s.mWidth);
mPlotPaint.setPathEffect(s.mEffect);
canvas.drawPath(mPath, mPlotPaint);
}
// draw images seria
if (s.bms != null) {
for (int i = 0; i < s.sz(); i++) {
Bitmap bm;
if (s.bms.length > 1) {
bm = s.bms[i];
} else {
bm = s.bms[0];
}
float left = calcX(s.x[i]);
float top = calcY(s.y[i]);
if (s.hAlign == HALIGN.CENTER) {
left -= bm.getWidth() / 2;
} else if (s.hAlign == HALIGN.RIGHT) {
left -= bm.getWidth();
}
if (s.vAlign == VALIGN.CENTER) {
top -= bm.getHeight() / 2;
} else if (s.vAlign == VALIGN.BOTTOM) {
top -= bm.getHeight();
}
canvas.drawBitmap(s.bms[i], left, top, mPlotPaint);
}
}
if (s.texts != null) {
Align align = Align.CENTER;
switch (s.hAlign) {
case LEFT:
align = Align.RIGHT;
case RIGHT:
align = Align.LEFT;
}
mPlotPaint.setTextAlign(align);
mPlotPaint.setStrokeWidth(0);
mPlotPaint.setColor(s.mColor);
for (int i = 0; i < s.sz(); i++) {
float x = calcX(s.x[i]);
float y = calcY(s.y[i]);
switch (s.vAlign) {
case TOP:
y -= mPlotPaint.getTextSize();
case CENTER:
y -= 0.5 * mPlotPaint.getTextSize();
}
if (s.deg != 0) {
canvas.save();
canvas.rotate(s.deg, x, y);
}
canvas.drawText(s.texts[i], x, y, mPlotPaint);
if (s.deg != 0) {
canvas.restore();
}
}
}
}
