canvas和paint得简单应用

<code class="hljs mel has-numbering"> <span class="hljs-variable">@Override</span>
    protected void onDraw(Canvas <span class="hljs-keyword">canvas</span>) {
        super.onDraw(<span class="hljs-keyword">canvas</span>);
        mPaint = new Paint();

        mPaint.setColor(Color.BLACK);<span class="hljs-comment">//设置画笔颜色</span>
        mPaint.setTextSize(<span class="hljs-number">14</span>);<span class="hljs-comment">//设置字体大小</span>
        <span class="hljs-keyword">canvas</span>.drawText(actionStr, <span class="hljs-number">100</span>, <span class="hljs-number">100</span>, mPaint);<span class="hljs-comment">//写字</span>

        mPaint.setStrokeWidth(<span class="hljs-number">10</span>);<span class="hljs-comment">//设置线条宽度</span>
        mPaint.setStyle(Paint.Style.STROKE);<span class="hljs-comment">//设置空心</span>
        <span class="hljs-keyword">canvas</span>.drawCircle(<span class="hljs-number">200</span>, <span class="hljs-number">250</span>, <span class="hljs-number">80</span>, mPaint);<span class="hljs-comment">//画圆</span>

        mPaint.setAntiAlias(true);<span class="hljs-comment">//消除锯齿</span>
        <span class="hljs-keyword">canvas</span>.drawLine(<span class="hljs-number">100</span>, <span class="hljs-number">150</span>, <span class="hljs-number">300</span>, <span class="hljs-number">350</span>, mPaint);<span class="hljs-comment">//画线</span>

        <span class="hljs-keyword">canvas</span>.drawRect(<span class="hljs-number">100</span>, <span class="hljs-number">400</span>, <span class="hljs-number">400</span>, <span class="hljs-number">500</span>, mPaint);<span class="hljs-comment">//画矩形</span>

        <span class="hljs-keyword">canvas</span>.save();<span class="hljs-comment">//保存画布状态</span>
        mPaint.setStyle(Paint.Style.FILL);<span class="hljs-comment">//设置实心</span>
        <span class="hljs-keyword">canvas</span>.clipRect(new Rect(<span class="hljs-number">100</span>, <span class="hljs-number">550</span>, <span class="hljs-number">300</span>, <span class="hljs-number">750</span>));<span class="hljs-comment">//裁剪出一个矩形区域</span>
        <span class="hljs-keyword">canvas</span>.drawColor(Color.LTGRAY);<span class="hljs-comment">//设置画布颜色</span>
        <span class="hljs-keyword">canvas</span>.drawCircle(<span class="hljs-number">150</span>, <span class="hljs-number">600</span>, <span class="hljs-number">100</span>, mPaint);<span class="hljs-comment">//在裁剪区域之内，能显示</span>
        <span class="hljs-keyword">canvas</span>.restore();<span class="hljs-comment">//恢复画布状态</span>

        mPaint.setStyle(Paint.Style.STROKE);<span class="hljs-comment">//设置空心</span>
        RectF rectF = new RectF(<span class="hljs-number">100</span>, <span class="hljs-number">800</span>, <span class="hljs-number">400</span>, <span class="hljs-number">900</span>);<span class="hljs-comment">// 设置个新的长方形</span>
        <span class="hljs-keyword">canvas</span>.drawRoundRect(rectF, <span class="hljs-number">20</span>, <span class="hljs-number">20</span>, mPaint);<span class="hljs-comment">//画圆弧矩形，第二个参数是x半径，第三个参数是y半径</span>

        <span class="hljs-keyword">canvas</span>.drawPoint(<span class="hljs-number">400</span>, <span class="hljs-number">200</span>, mPaint);<span class="hljs-comment">//画一个点</span>
        <span class="hljs-keyword">canvas</span>.drawPoints(new <span class="hljs-keyword">float</span>[]{<span class="hljs-number">400</span>, <span class="hljs-number">220</span>, <span class="hljs-number">420</span>, <span class="hljs-number">220</span>, <span class="hljs-number">440</span>, <span class="hljs-number">220</span>}, mPaint);<span class="hljs-comment">//画多个点</span>


        Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.smile);<span class="hljs-comment">//实例化一个bitmap</span>
        <span class="hljs-keyword">canvas</span>.drawBitmap(bitmap, <span class="hljs-number">500</span>, <span class="hljs-number">150</span>, mPaint);<span class="hljs-comment">//画图片</span>


        Path path = new Path();
        path.moveTo(<span class="hljs-number">400</span>, <span class="hljs-number">300</span>);<span class="hljs-comment">// 不会进行绘制，只用于移动移动画笔，相当于起点。</span>
        path.lineTo(<span class="hljs-number">600</span>, <span class="hljs-number">350</span>); <span class="hljs-comment">//lineTo 用于进行直线绘制。</span>

        path.moveTo(<span class="hljs-number">400</span>, <span class="hljs-number">310</span>);<span class="hljs-comment">// 不会进行绘制，只用于移动移动画笔，相当于起点。</span>
        path.quadTo(<span class="hljs-number">650</span>, <span class="hljs-number">400</span>, <span class="hljs-number">400</span>, <span class="hljs-number">600</span>); <span class="hljs-comment">//quadTo 用于绘制圆滑曲线，即贝塞尔曲线。mPath.quadTo(x1, y1, x2, y2) (x1,y1) 为控制点，(x2,y2)为结束点。</span>

        path.moveTo(<span class="hljs-number">400</span>, <span class="hljs-number">610</span>);<span class="hljs-comment">// 不会进行绘制，只用于移动移动画笔，相当于起点。</span>
        path.cubicTo(<span class="hljs-number">400</span>, <span class="hljs-number">700</span>, <span class="hljs-number">500</span>, <span class="hljs-number">550</span>, <span class="hljs-number">600</span>, <span class="hljs-number">900</span>); <span class="hljs-comment">//cubicTo 同样是用来实现贝塞尔曲线的。mPath.cubicTo(x1, y1, x2, y2, x3, y3) (x1,y1) 为控制点，(x2,y2)为控制点，(x3,y3) 为结束点。</span>

        path.moveTo(<span class="hljs-number">600</span>, <span class="hljs-number">1000</span>);<span class="hljs-comment">// 不会进行绘制，只用于移动移动画笔，相当于起点。</span>
        RectF mRectF = new RectF(<span class="hljs-number">400</span>, <span class="hljs-number">900</span>, <span class="hljs-number">600</span>, <span class="hljs-number">1100</span>);
        path.arcTo(mRectF, <span class="hljs-number">0</span>, <span class="hljs-number">270</span>);<span class="hljs-comment">//arcTo 用于绘制弧线（实际是截取圆或椭圆的一部分</span>

        <span class="hljs-keyword">canvas</span>.drawPath(path, mPaint);<span class="hljs-comment">//画出曲线</span>


        RectF rectF1 = new RectF(<span class="hljs-number">100</span>, <span class="hljs-number">900</span>, <span class="hljs-number">200</span>, <span class="hljs-number">1000</span>);
        <span class="hljs-keyword">canvas</span>.drawArc(rectF1, <span class="hljs-comment">//弧线所使用的矩形区域大小</span>
                <span class="hljs-number">0</span>,  <span class="hljs-comment">//开始角度</span>
                <span class="hljs-number">180</span>, <span class="hljs-comment">//扫过的角度</span>
                false, <span class="hljs-comment">//是否使用中心</span>
                mPaint);

        <span class="hljs-comment">//按照既定点 绘制文本内容</span>
        mPaint.setTextSize(<span class="hljs-number">16</span>);
        mPaint.setStrokeWidth(<span class="hljs-number">1</span>);
        <span class="hljs-keyword">canvas</span>.drawPosText(<span class="hljs-string">"Hello world"</span>, new <span class="hljs-keyword">float</span>[]{<span class="hljs-number">20</span>, <span class="hljs-number">20</span>, <span class="hljs-comment">//第一个字母在坐标20,20</span>
                <span class="hljs-number">30</span>, <span class="hljs-number">30</span>, <span class="hljs-comment">//第二个字母在坐标30,30</span>
                <span class="hljs-number">40</span>, <span class="hljs-number">40</span>, <span class="hljs-number">50</span>, <span class="hljs-number">50</span>, <span class="hljs-number">60</span>, <span class="hljs-number">60</span>, <span class="hljs-number">70</span>, <span class="hljs-number">70</span>, <span class="hljs-number">80</span>, <span class="hljs-number">60</span>, <span class="hljs-number">90</span>, <span class="hljs-number">50</span>, <span class="hljs-number">100</span>, <span class="hljs-number">40</span>, <span class="hljs-number">110</span>, <span class="hljs-number">30</span>, <span class="hljs-number">120</span>, <span class="hljs-number">20</span>}, mPaint);

        <span class="hljs-keyword">canvas</span>.drawTextOnPath(<span class="hljs-string">"123456789"</span>, path, <span class="hljs-number">50</span>, -<span class="hljs-number">30</span>, mPaint); <span class="hljs-comment">//按照既定路径 绘制文本内容</span>
    }</code>