Android图形动画学习之利用Canvas类绘制图形

                                Android利用Canvas绘制图形java

        首先介绍一下相关基础知识。
        1.画笔(paint)
        1.一、做用:画笔对象经过属性来设置笔的颜色、粗细、风格等。
        1.二、设置图形绘制属性相关方法:
             setARGB():设置画笔的颜色;
             setAlpha():设置绘制图形的透明度;
             setStyle():设置画笔的样式风格;
             setStrockWidth():设置画笔的宽度;
        1.三、设置文本绘制属性的相关方法:
             setTextSize():设置字体的大小;
             setTextAlign():设置文字的对齐方向;android

        2.画布(canvas)
        画布是画笔绘图的基础,并提供了经常使用的绘图方法。
             常见的绘制方法:
             drawColor():设置画布的背景色;
             drawLine():绘制直线,经过设定起始点实现;
             drawLines():绘制收尾链接的多条直线,使用数组参数;
             drawPoint():绘制点;多个点使用drawPoints();
             drawRect():绘制矩形,经过指定左上及右下点实现;
             drawRoundRect():绘制圆角矩形;
             drawCircle():绘制圆,使用圆心坐标,半径实现;
             drawOval():绘制椭圆,使用其外切矩形实现;
             drawPath():绘制任意多边形,经过指定路径实现;
             drawArc():绘制圆弧,经过指定所在椭圆,起止弧度实现;
             drawText():绘制文本,指定文本内容、起始坐标实现;
             drawBitmap():绘制图像,经过指定图像资源,位置实现;
             save()、restore():可保存、恢复画布状态;
             clipRect():裁剪画布,经过指定一个矩形区域来肯定范围;
             rotate():旋转画布,经过指定旋转角度,旋转中心实现;web

        3.Path绘图
        在View上将N个点练成一条“路径。”
        3.一、使用Path类对象,建立一条路径
             path对象的经常使用方法:”
             moveTo(x,y):移动绘图笔到指定坐标x,y;
             lineTo(x,y):从上一坐标画线到指定坐标x,y;
        3.二、使用Canvas类的drawPath()方法来绘制路径
             drawPath(Path path,Paint paint):使用Path对象定义的路径进行绘制;
        3.三、可选用不一样的绘制效果
        绘制效果使用PathEffect类的各类子类来定义;
        使用Paint对象的setPathEffects(PathEffect eff)来将绘制效果定义到画笔中。canvas

        4.绘制图形实例步骤
        1.须要自定义一个继承自View类的子类。
        2.在自定义View类中,重写其onDraw方法。
             在onDraw方法中,使用canvas进行绘图。
        3.在MainActivity中,建立自定义View对象并加载。
             1.可直接加载自定义View对象为主界面。
             2.可在主界面XML文件中的布局管理器中,加载自定义View对象。数组

        5.绘制图形实例
        1.打开Android Studio,新建工程后,自定义类DrawPaint继承自View,重写View中的onDraw(Canvas canvas)方法。app

package lession.example.com.learncanvas;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.RectF;
import android.view.View;

public class DrawPaint extends View {
    Paint pt;
    public DrawPaint(Context context) {
        super(context);
        pt = new Paint();//建立画笔
    }
    
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        pt.setARGB(255,255,0,0);
        pt.setStrokeWidth(3);
        pt.setStyle(Paint.Style.FILL);
        pt.setTextSize(60);
        //画圆
        canvas.drawText("圆:",80,120,pt);
        canvas.drawCircle(200,100,30,pt);
        //画矩形
        canvas.drawText("矩形:",80,220,pt);
        canvas.drawRect(250,180,400,250,pt);
        //正方形
        canvas.drawText("正方形:",80,320,pt);
        canvas.drawRect(290,290,370,370,pt);
        //圆角矩形
        canvas.drawText("圆角矩形:",80,440,pt);
        RectF rectF = new RectF(350,400,550,500);
        canvas.drawRoundRect(rectF,20,30,pt);
        //椭圆形
        canvas.drawText("椭圆形:",80,600,pt);
        RectF oval = new RectF(350,550,650,700);
        canvas.drawOval(oval,pt);
        //三角形
        canvas.drawText("三角形:",80,750,pt);
        Path path = new Path();
        path.moveTo(300,700);
        path.lineTo(300,800);
        path.lineTo(400,800);
        path.close();
        canvas.drawPath(path,pt);
        //五边形
        canvas.drawText("五边形:",80,900,pt);
        Path path1 = new Path();
        path1.moveTo(300,900);
        path1.lineTo(400,900);
        path1.lineTo(450,1000);
        path1.lineTo(400,1100);
        path1.lineTo(300,1100);
        path1.lineTo(300,1000);
        path1.close();
        canvas.drawPath(path1,pt);
    }
}

        2.在MainActivity.java中。less

package lession.example.com.learncanvas;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.FrameLayout;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //setContentView(R.layout.activity_main);
        DrawPaint MyPaint = new DrawPaint(MainActivity.this);
        setContentView(MyPaint);
    }
}

        运行结果:
                                        在这里插入图片描述
        这就是利用Canvas类绘制图形,若是转载以及CV操做,请务必注明出处,谢谢!ide