AutoJs源码-教程-画布(2)

/* 软件作者：https://xuhss.com/oxox/pro */ 目录介绍 1.Paint画笔介绍 1.1 图形绘制 1.2 文本绘制 2.Canvas画布介绍 2.1 设置属性 2.2 画图【重点】 2.3 Canvas对象的获取方式 2.4 Canvas的作用 2.5 Canvas绘制圆和椭圆 2.6 Canvas绘制矩形、圆角矩形 2.7 Canvas绘制文字 2.8 Canvas绘制弧形、封闭弧形 2.9 Canvas绘制Path路径 3.Matrix变换矩阵介绍 3.1 translate平移 3.2 rorate旋转 3.3 scale缩放 3.4 skew扭曲 4.RectF介绍 4.1 Rect简单属性 4.2 Rect父类的实现 4.3 Rect常用的一些方法 5.关于使用到这几个属性的自定义View 5.0 知道了这几个，需要练手写下案例 5.1 自定义轮播图圆点 5.2 自定义圆环百分比进度条 好消息 所有的学习笔记，开源项目，还有博客均已经在GitHub开源，大多数都是markdown格式的。链接地址：https://github.com/yangchong211/YCBlogs 关于案例已经开源，开源地址：https://github.com/yangchong211 1.Paint画笔介绍 Paint即画笔，在绘图过程中起到了极其重要的作用，画笔主要保存了颜色， 样式等绘制信息，指定了如何绘制文本和图形，画笔对象有很多设置方法，大体上可以分为两类，一类与图形绘制相关，一类与文本绘制相关。 1.1 图形绘制 常用的方法有这些 * setARGB(int a,int r,int g,int b); 设置绘制的颜色，a代表透明度，r，g，b代表颜色值。 * setAlpha(int a); 设置绘制图形的透明度。 * setColor(int color); 设置绘制的颜色，使用颜色值来表示，该颜色值包括透明度和RGB颜色。 * setAntiAlias(boolean aa); 设置是否使用抗锯齿功能，会消耗较大资源，绘制图形速度会变慢。 * setDither(boolean dither); 设定是否使用图像抖动处理，会使绘制出来的图片颜色更加平滑和饱满，图像更加清晰 * setFilterBitmap(boolean filter); 如果该项设置为true，则图像在动画进行中会滤掉对Bitmap图像的优化操作，加快显示速度，本设置项依赖于dither和xfermode的设置 * setMaskFilter(MaskFilter maskfilter); 设置MaskFilter，可以用不同的MaskFilter实现滤镜的效果，如滤化，立体等 * setColorFilter(ColorFilter colorfilter); 设置颜色过滤器，可以在绘制颜色时实现不用颜色的变换效果 * setPathEffect(PathEffect effect); 设置绘制路径的效果，如点画线等 * setShader(Shader shader); 设置图像效果，使用Shader可以绘制出各种渐变效果 * setShadowLayer(float radius ,float dx,float dy,int color); 在图形下面设置阴影层，产生阴影效果，radius为阴影的角度，dx和dy为阴影在x轴和y轴上的距离，color为阴影的颜色 * setStyle(Paint.Style style); 设置画笔的样式，为FILL，FILL_AND_STROKE，或STROKE * setStrokeCap(Paint.Cap cap); 当画笔样式为STROKE或FILL_AND_STROKE时，设置笔刷的图形样式，如圆形样式 Cap.ROUND,或方形样式Cap.SQUARE * setSrokeJoin(Paint.Join join); 设置绘制时各图形的结合方式，如平滑效果等 * setStrokeWidth(float width); 当画笔样式为STROKE或FILL_AND_STROKE时，设置笔刷的粗细度 * setXfermode(Xfermode xfermode); 设置图形重叠时的处理方式，如合并，取交集或并集，经常用来制作橡皮的擦除效果 1.2 文本绘制 常用的方法有这些 * setFakeBoldText(boolean fakeBoldText); 模拟实现粗体文字，设置在小字体上效果会非常差 * setSubpixelText(boolean subpixelText); 设置该项为true，将有助于文本在LCD屏幕上的显示效果 * setTextAlign(Paint.Align align); 设置绘制文字的对齐方向 * setTextScaleX(float scaleX); 设置绘制文字x轴的缩放比例，可以实现文字的拉伸的效果 * setTextSize(float textSize); 设置绘制文字的字号大小 * setTextSkewX(float skewX); 设置斜体文字，skewX为倾斜弧度 * setTypeface(Typeface typeface); 设置Typeface对象，即字体风格，包括粗体，斜体以及衬线体，非衬线体等 * setUnderlineText(boolean underlineText); 设置带有下划线的文字效果 * setStrikeThruText(boolean strikeThruText); 设置带有删除线的效果 2.Canvas画布介绍 当我们调整好画笔之后，现在需要绘制到画布上，这就得用Canvas类了。在android中既然把Canvas当做画布，那么就可以在画布上绘制我们想要的任何东西。除了在画布上绘制之外，还需要设置一些关于画布的属性，比如，画布的颜色、尺寸等。 2.1 设置属性 一般属性有： * Canvas(Bitmap bitmap): 以bitmap对象创建一个画布，则将内容都绘制在bitmap上，因此bitmap不得为null。 * Canvas(GL gl): 在绘制3D效果时使用，与OpenGL相关。 * isOpaque(boolean isOpaque)：检测是否支持透明。 * setViewport(int left, int top, int right, int bottom, int clipflag): 设置画布中显示窗口。 * drawColor(int color): 设置Canvas的背景颜色。 * setBitmap(Bitmap mBitmap): 设置具体画布，画的内容，保存为一个Bitmap。 * clipRect(float left, float top, float right, float bottom): 设置显示区域，即设置裁剪区。 * translate(float x, float y): 平移画布。 * rotate(float degree, float px, float py): 旋转画布 。 * skew(float sx, float sy): 设置偏移量。 * save(): 将Canvas当前状态保存在堆栈，save之后可以调用Canvas的平移、旋转、错切、剪裁等操作。 * restore(): 恢复为之前堆栈保存的Canvas状态，防止save后对Canvas执行的操作对后续的绘制有影响。restore和save要配对使用，restore可以比save少，但不能比save多，否则会引发error。save和restore之间，往往夹杂的是对Canvas的特殊操作。 * save(int num)：将Canvas当前状态保存在堆栈，并予以编号int * restoreToCount(int num)：恢复为之前堆栈保存的编号为int的Canvas状态 * concat(Matrix matrix)：画布关联矩阵，画出来的内容按矩阵改变，而不是画布改变。 * Drawable.draw(Canvas canvas)：将Drawable画到Canvas中 注：这种方式画Drawable怎么设置透明度呢？((BitmapDrawable)Drawable).getPaint().setAlpha(mBgAlpha); 2.2 画图【重点】 画图部分 * canvas.drawPaint(Paint paint) 将画笔设置的颜色和透明度铺满画布 * drawRect(RectF rect, Paint paint) 绘制矩形，参数一为RectF一个区域 * drawRect(float left, float top, float right, float bottom, Paint paint) 绘制矩形，left:矩形left的x坐标，top:矩形top的y坐标，right:矩形right的x坐标，bottom:矩形bottom的y坐标 * drawRoundRect(RectF rect, float rx, float ry, Paint paint) 绘制圆角矩形， rx:x方向的圆角半径，ry:y方向的圆角半径 * drawRoundRect(float left, float top, float right, float bottom, float rx, float ry, Paint paint) * drawPath(Path path, Paint paint) 绘制一个路径，参数一为Path路径对象 * drawBitmap(Bitmap bitmap, Rect src, Rect dst, Paint paint) 贴图，参数一就是我们常规的Bitmap对象，参数二是源区域(这里是bitmap)，参数三是目标区域(应该在canvas的位置和大小)，参数四是Paint画刷对象，因为用到了缩放和拉伸的可能，当原始Rect不等于目标Rect时性能将会有大幅损失。 * drawBitmap (Bitmap bitmap, float left, float top, Paint paint) * drawLine(float startX, float startY, float stopX, float stopY, Paintpaint) 画线，参数一起始点的x轴位置，参数二起始点的y轴位置，参数三终点的x轴水平位置，参数四y轴垂直位置，最后一个参数为Paint 画刷对象。 * drawPoint(float x, float y, Paint paint) 画点，参数一水平x轴，参数二垂直y轴，第三个参数为Paint对象。 * drawText(String text, float x, floaty, Paint paint) 渲染文�