xml引用自定义view 包名+控件名

<com.mycompany.myapphuizhi.NewButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

新建类，继承view，重写ondraw方法

public class NewButton extends View {
  Paint paint = new Paint();//画笔
        //注意构造函数，最起码要实现这个attrs属性从xml传入
  public NewButton(Context context,  AttributeSet attrs) {
  super(context, attrs);
  }
  @Override
  public void draw(Canvas canvas) {
  //canvas画布
  super.draw(canvas);
        paint.setColor(Color.YELLOW);
  canvas.drawCircle(300, 300, 200, paint);
  }
}

坐标系

图片发自简书App

canvas画布

底板

canvas.drawRGB(100, 200, 100); 
canvas.drawARGB(100, 100, 200, 100); 
canvas.drawColor(Color.parseColor("#88880000")); // 半透明红色
canvas.drawColor(Color.BLACK);  // 纯黑 

形状

drawCircle(centerX, centerY, radius, paint)

paint画笔

Paint.setStyle(Style style) 设置绘制模式

paint.setStyle(Paint.Style.STROKE) 来把绘制模式改为画线模式。

Style 具体来说有三 种： FILL, STROKE 和 FILL_AND_STROKE 。FILL 是填充模式，STROKE 是画线模式（即勾边模式），FILL_AND_STROKE 是两种模式一并使用：既画线又填充。它的默认值是 FILL，填充模式。

图片发自简书App

Paint.setColor(int color) 设置颜色

默认黑色

paint.setColor(Color.YELLOW);

图片发自简书App

Paint.setStrokeWidth(float width) 设置描边线条宽度

在 STROKE 和 FILL_AND_STROKE 下，还可以使用 paint.setStrokeWidth(float width) 来设置描边线条的宽度：

paint.setStyle(Paint.Style.STROKE); 

paint.setStrokeWidth(20); // 线条宽度为 20 像素 

canvas.drawCircle(300, 300, 200, paint); 

图片发自简书App

抗锯齿

在绘制的时候，往往需要开启抗锯齿来让图形和文字的边缘更加平滑。开启抗锯齿很简单，只要在 new Paint() 的时候加上一个 ANTI_ALIAS_FLAG 参数就行：

Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);

图片发自简书App

Paint.setTextSize(float textSize) 设置文字大小

Paint.setAntiAlias(boolean aa) 设置抗锯齿

绘制顺序

图片发自简书App

背景，它的绘制发生在一个叫 drawBackground() 的方法里，但这个方法是 private 的，不能重写，你如果要设置背景，只能用自带的 API 去设置（xml 布局文件的 android:background 属性以及 Java 代码的 View.setBackgroundXxx() 方法，这个每个人都用得很 6 了），而不能自定义绘制；而第 4、5 两步——滑动边缘渐变和滑动条以及前景，这两部分被合在一起放在了 onDrawForeground() 方法里，这个方法是可以重写的。

draw() 总调度方法

// View.java 的 draw() 方法的简化版大致结构（是大致结构，不是源码哦）：

public void draw(Canvas canvas) { 
    ...
    drawBackground(Canvas); // 绘制背景（不能重写）
    onDraw(Canvas); // 绘制主体
    dispatchDraw(Canvas); // 绘制子 View
    onDrawForeground(Canvas); // 绘制滑动相关和前景
    ...
}

待续