Android 自定义 View 知识点

古人学问无遗力,少壮工夫老始成。这篇文章主要讲述Android 自定义 View 知识点相关的知识,希望能为你提供帮助。
根据 Hencoder 提供的知识点,进行学习和总结。
三个要点:

  1. 布局
  2. 绘制
  3. 触摸反馈
绘制
  • 自定义绘制:由自己实现绘制过程
  • 常用绘制方法 onDraw(Canvas canvas)
  • 绘制关键:
    1. canvas: 绘制工具
      • 绘制类方法
      • drawCircle(): 画圆
      • drawRect():画方形
      • drawPath():画路线
      • drawText():画文本
      • drawBitmap():画 bitmap
      • 绘制辅助工具
      • 绘制范围的裁切
      • 绘制内容的几何变换
    2. paint: 本意颜料,android中指加强颜料,可设置各种风格,比如是空心还是实心或者是粗细等
    3. 绘制顺序:Android 按照顺序绘制的。除了 onDraw() 绘制主体部分,还有绘制前景( Forground)和背景( BackGround)
示例: Paint 常见设置:
  • mPaint.setColor(Color.RED):设置颜色
  • mPaint.setStyle(Style.STROKE):设置绘制模式
  • mPaint.setStrokeWidth(20):设置线条开关
  • mPaint.setAntiAlias(true):设置抗锯齿
Cancan 绘制类方法
绘制颜色
* canvas.drawColor(Color.RED); * canvas.drawColor(Color.parseColor("#00ff00")); * canvas.drawColor(Color.parseColor("#8800ff00")); * canvas.drawRGB(255, 0, 0); * canvas.drawARGB(100, 255, 0, 0);

绘制圆
1. 实心圆: mPaint = new Paint(); canvas.drawCircle(100, 100, 50, mPaint); 2. 空心圆mPaint.setStyle(Style.STROKE); canvas.drawCircle(200, 200, 50, mPaint); 3. 蓝色实心圆mPaint.setStyle(Style.FILL); mPaint.setColor(Color.BLUE); canvas.drawCircle(200, 400, 50, mPaint); 4. 线宽为20的空心圆mPaint.setStyle(Style.STROKE); mPaint.setStrokeWidth(20); canvas.drawCircle(400, 200, 50, mPaint);

绘制椭圆
canvas.drawOval(300, 100, 700, 300, mPaint);

绘制矩形
canvas.drawRect(250, 500, 700, 800, mPaint); // Rect tem1 = new Rect(250, 500, 700, 800); canvas.drawRect(tem1, mPaint); // RectF tem2 = new RectF(250, 500, 700, 800); canvas.drawRect(tem2, mPaint);

绘制圆角矩形
RectF t = new RectF(150, 200, 500, 350); canvas.drawRoundRect(t, 50, 50, mPaint); // canvas.drawRoundRect(150, 200, 500, 350, 50, 50, mPaint);

绘制弧形或者扇形
  • drawArc(float left, float top, float right, float bottom, float startAngle,float sweepAngle, boolean useCenter, Paint paint)
    * left,top,right,bottom:弧形所在的椭圆
    * startAngle:弧形的起始角度(x 轴的正向,即正右的方向,0度的位置。顺时针为正角度,逆时针为负角度)
    * sweepAngle:弧形划过的角度
    * useCenter:表示十分连接圆心,连接圆心是扇形不连接圆心是弧形
  • 【Android 自定义 View 知识点】绘制弧形
    canvas.drawArc(200, 600, 800, 1000, 0, 47, false, mPaint);

  • 绘制扇形
    canvas.drawArc(200, 600, 800, 1000, 0, 135, true, mPaint);

  • 示例:
    mPaint.setAntiAlias(true); mPaint.setStyle(Style.FILL); canvas.drawArc(200, 100, 800, 500, -110, 100, true, mPaint); // 绘制扇形 canvas.drawArc(200, 100, 800, 500, 20, 140, false, mPaint); // 绘制弧形 mPaint.setStyle(Paint.Style.STROKE); // 画线模式 canvas.drawArc(200, 100, 800, 500, 180, 60, false, mPaint); // 绘制不封口的弧形

画自定义图形
  • drawPath(Path path, Paint paint): 通过描述路径的方式来绘制图形
  • path: 描述路径的对象
  • paint:
  • Path
  • 直接描述路径
    1. addXxx() -- 添加子图形
    • addCircle(float x, float y, float radius, Direction dir),该方法与 Canvas 的 drawCircle() 一样的,绘制圆形
      • 描述:添加圆
      • 参数 x 和参数 y :确定圆心
      • 参数 radius: 确定圆的半径
      • dir: 画圆路径的方向,枚举类型,CW(clockwise)顺时针/CCW(counter-clockwise)逆时针
    • addArc():与 Canvas 的 drawArc() 一样,绘制弧形或者扇形
    • addOval():与 Canvas 的 drawOval() 一样,绘制椭圆
    • addRect():与 Canvas 的 drawRect() 一样,绘制矩形
    • addRoundRect():与 Canvas 的 drawRoundRect() 一样的,绘制圆角矩形
    1. xxxTo()--画线(直线或者曲线)
    • lineTo():画直线,从当前位置向目标位置画一条直线,参数为目标位置 x,y
    • rLineTo(): 与 lineTo() 方法一样,参数是相对当前位置的相对坐标
    • moveTo():移动到目标位置
    • rMoveTo()
    • cubicTo():画三次贝塞尔曲线
    • rCubicTo()
    • quadTo():画二次贝塞尔曲线
    • rQuadTo()
    • arcTo: 画弧形
    1. close():封闭当前子图形,与 lineTo(起始坐标)一样
  • 辅助的设置或计算
    • setFillType():设置填充方式
    • EVEN_ODD:奇偶原则,交叉填充模式,对于平面的任意一点,向任意方向射出一条射线,这条射线和图形相交的次数(相交才算,相切不算)如果是奇数,则这个点被认为在图形内部,是要被涂色的区域;如果是偶数,则这个点被认为在图形外部,是不被涂色的区域。
    • WINDING (默认值):非零环绕数原则,全填充模式
    • INVERSE_EVEN_ODD
    • INVERSE_WINDING
绘制 Bitmap
  • drawBitmap()
绘制文字
  • drawText()






    推荐阅读