三个绘图工具类详解Paint(画笔)Canvas(画布)Path(路径)_setstrokecap-程序员宅基地

技术标签: java  android  开发语言  

1)Paint(画笔):

就是画笔,用于设置绘制风格,如:线宽(笔触粗细),颜色,透明度和填充风格等 直接使用无参构造方法 就可以创建Paint实例: Paint paint = new Paint( );

我们可以通过下述方法来设置Paint(画笔)的相关属性,另外,关于这个属性有两种, 图形绘制相关与文 本绘制相关:

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_OR_STROKE,或STROKE

setStrokeCap(Paint.Cap cap): 当画笔样式为STROKE或FILL_OR_STROKE时,设置笔刷的 图形样式, 如圆形样Cap.ROUND,或方形样式Cap.SQUARE

setSrokeJoin(Paint.Join join): 设置绘制时各图形的结合方式,如平滑效果等

setStrokeWidth(float width): 当画笔样式为STROKE或FILL_OR_STROKE时,设置笔刷的 粗细度

setXfermode(Xfermode xfermode): 设置图形重叠时的处理方式,如合并,取交集或并 集,经常用来制作橡皮的擦除效果

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): 设置带有删除线的效果

setStrokeJoin(Paint.Join join): 设置结合处的样子, Miter:结合处为锐角, Round:结合处 为圆弧: BEVEL:结合处为直线

setStrokeMiter(float miter):设置画笔倾斜度

setStrokeCap (Paint.Cap cap):设置转弯处的风格 其他常用方法:

float ascent( ):测量baseline之上至字符最高处的距离

float descent(): baseline之下至字符最低处的距离

int breakText(char[] text, int index, int count, float maxWidth, float[] measuredWidth): 检测一行显示多少文字

clearShadowLayer( ):清除阴影层 其他的自行查阅文档~

2)Canvas(画布):

画笔有了,接着就到画布(Canvas),总不能凭空作画是吧~常用方法如下: 首先是构造方法, Canvas的构造方法有两种:

Canvas(): 创建一个空的画布,可以使用setBitmap()方法来设置绘制具体的画布。

Canvas(Bitmap bitmap): 以bitmap对象创建一个画布,将内容都绘制在bitmap上,因此

bitmap不得为null。 接着是

1.drawXXX()方法族:以一定的坐标值在当前画图区域画图,另外图层会叠加, 即后面绘画的图 层会覆盖前面绘画的图层。 比如:

drawRect(RectF rect, Paint paint) :绘制区域,参数一为RectF一个区域

drawPath(Path path, Paint paint) :绘制一个路径,参数一为Path路径对象

drawBitmap(Bitmap bitmap, Rect src, Rect dst, Paint paint) : 贴图,参数一就是我们常 规的Bitmap对象,参数二是源区域(这里是bitmap), 参数三是目标区域(应该在canvas的位 置和大小),参数四是Paint画刷对象, 因为用到了缩放和拉伸的可能,当原始Rect不等于目 标Rect时性能将会有大幅损失。

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) : 渲染文本, Canvas类除了上面的还可 以描绘文字,参数一是String类型的文本, 参数二x轴,参数三y轴,参数四是Paint对象。

drawOval(RectF oval, Paint paint):画椭圆,参数一是扫描区域,参数二为paint对象;

drawCircle(float cx, float cy, float radius,Paint paint): 绘制圆,参数一是中心点的x轴, 参数二是中心点的y轴,参数三是半径,参数四是paint对象;

drawArc(RectF oval, float startAngle, float sweepAngle, boolean useCenter, Paint paint): 画弧,参数一是RectF对象,一个矩形区域椭圆形的界限用于定义在形状、大小、电 弧,参数二是起始角 (度)在电弧的开始,参数三扫描角(度)开始顺时针测量的,参数四是如果 这是真的话,包括椭圆中心的电 弧,并关闭它,如果它是假这将是一个弧线,参数五是Paint对象;

2.clipXXX()方法族:在当前的画图区域裁剪(clip)出一个新的画图区域,这个画图区域就是canvas

对象的当前画图区域了。比如: clipRect(new Rect()),那么该矩形区域就是canvas的当前画图区 域

3.save()和restore()方法: save( ):用来保存Canvas的状态。 save之后,可以调用Canvas的平 移、放缩、旋转、错切、裁剪等操作! restore():用来恢复Canvas之前保存的状态。防止

save后对Canvas执行的操作对后续的绘制有影响。 save()和restore()要配对使用(restore可以比

save少,但不能多),若restore调用次数比save多,会报错!

4.translate(float dx, float dy): 平移,将画布的坐标原点向左右方向移动x,向上下方向移动

y.canvas的默认位置是在(0,0)

5.scale(float sx, float sy):扩大, x为水平方向的放大倍数, y为竖直方向的放大倍数

6.rotate(float degrees):旋转, angle指旋转的角度,顺时针旋转

3)Path(路径)

简单点说就是描点,连线~在创建好我们的Path路径后,可以调用Canvas的

drawPath(path,paint) 将图形绘制出来~常用方法如下:

addArc(RectF oval, float startAngle, float sweepAngle:为路径添加一个多边形

addCircle(float x, float y, float radius, Path.Direction dir):给path添加圆圈

addOval(RectF oval, Path.Direction dir):添加椭圆形

addRect(RectF rect, Path.Direction dir):添加一个区域

addRoundRect(RectF rect, float[] radii, Path.Direction dir):添加一个圆角区域

isEmpty():判断路径是否为空

transform(Matrix matrix):应用矩阵变换

transform(Matrix matrix, Path dst):应用矩阵变换并将结果放到新的路径中,即第二个参 数。 更高级的效果可以使用PathEffect类! 几个To:

moveTo(float x, float y):不会进行绘制,只用于移动移动画笔

lineTo(float x, float y):用于直线绘制,默认从(0, 0)开始绘制,用moveTo移动! 比如 mPath.lineTo(300, 300); canvas.drawPath(mPath, mPaint);

quadTo(float x1, float y1, float x2, float y2): 用于绘制圆滑曲线,即贝塞尔曲线,同样可 以结合moveTo使用!

rCubicTo(float x1, float y1, float x2, float y2, float x3, float y3) 同样是用来实现贝塞尔曲线 的。 (x1,y1) 为控制点, (x2,y2)为控制点, (x3,y3) 为结束点。 Same as cubicTo, but the coordinates are considered relative to the current point on this contour.就是多一个控制 点而已~ 绘制上述的曲线: mPath.moveTo(100, 500); mPath.cubicTo(100, 500, 300, 100, 600, 500); 如果不加上面的那个moveTo的话:则以(0,0)为起点, (100,500)和(300,100)为控 制点绘制贝塞尔曲线

arcTo(RectF oval, float startAngle, float sweepAngle): 绘制弧线(实际是截取圆或椭圆的 一部分) ovalRectF为椭圆的矩形, startAngle 为开始角度, sweepAngle 为结束角度。

2.示例

public class MyView extends View {
    private Paint paint;

    public MyView(Context context) {
        super(context);
    }

    public MyView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public MyView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    public MyView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        init();
    }
    private void init(){
        paint=new Paint();
        paint.setAntiAlias(true);//抗锯齿
        paint.setColor(getResources().getColor(R.color.teal_200));//画笔的颜色
        paint.setStyle(Paint.Style.FILL);//画笔风格
        paint.setTextSize(36);//绘制文字大小
        paint.setStrokeWidth(5);//画笔粗细
    }
/重写该方法,在这里绘图
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
}
}

然后布局那里设置下这个View就好,下述代码都写在onDrawable中

1)设置画布颜色:

//设置画布颜色
canvas.drawColor(getResources().getColor(R.color.white));

2)绘制圆形:

canvas.drawCircle(getWidth()/2,getHeight()/2,100,paint);

3)绘制矩形:

canvas.drawRect(100,100,300,200,paint);

4)绘制Bitmap:

canvas.drawBitmap(BitmapFactory.decodeResource(getResources(),R.mipmap.img1),200,100,paint);

5)绘制弧形区域:

canvas.drawArc(new RectF(0,0,100,100),0,90,true,paint);

6)绘制圆角矩形

canvas.drawRoundRect(new RectF(10,10,210,110),15,15,paint);

7)绘制椭圆

canvas.drawOval(new RectF(0 , 0 , 200 , 300) ,Paint) ; //画椭圆

8)绘制多边形:

​
        Path path=new Path();
        path.moveTo(20,30);//移动坐标
        path.lineTo(100,50);
        path.lineTo(200,40);
        path.lineTo(300,20);
        path.close();
        canvas.drawPath(path,paint);
        path.moveTo(50,50);
        path.lineTo(100,100);
        path.lineTo(200,200);
        path.lineTo(300,300);
        path.close();
        canvas.drawTextOnPath("哈哈哈哈哈哈哈哈哈hhhhh哈哈哈哈哈",path,50,50,paint);

​

9)绘制文字:

canvas.drawText("哈哈哈哈哈哈哈",50,50,paint);
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/shuo277/article/details/126235305

智能推荐

oracle 12c 集群安装后的检查_12c查看crs状态-程序员宅基地

文章浏览阅读1.6k次。安装配置gi、安装数据库软件、dbca建库见下:http://blog.csdn.net/kadwf123/article/details/784299611、检查集群节点及状态:[root@rac2 ~]# olsnodes -srac1 Activerac2 Activerac3 Activerac4 Active[root@rac2 ~]_12c查看crs状态

解决jupyter notebook无法找到虚拟环境的问题_jupyter没有pytorch环境-程序员宅基地

文章浏览阅读1.3w次,点赞45次,收藏99次。我个人用的是anaconda3的一个python集成环境,自带jupyter notebook,但在我打开jupyter notebook界面后,却找不到对应的虚拟环境,原来是jupyter notebook只是通用于下载anaconda时自带的环境,其他环境要想使用必须手动下载一些库:1.首先进入到自己创建的虚拟环境(pytorch是虚拟环境的名字)activate pytorch2.在该环境下下载这个库conda install ipykernelconda install nb__jupyter没有pytorch环境

国内安装scoop的保姆教程_scoop-cn-程序员宅基地

文章浏览阅读5.2k次,点赞19次,收藏28次。选择scoop纯属意外,也是无奈,因为电脑用户被锁了管理员权限,所有exe安装程序都无法安装,只可以用绿色软件,最后被我发现scoop,省去了到处下载XXX绿色版的烦恼,当然scoop里需要管理员权限的软件也跟我无缘了(譬如everything)。推荐添加dorado这个bucket镜像,里面很多中文软件,但是部分国外的软件下载地址在github,可能无法下载。以上两个是官方bucket的国内镜像,所有软件建议优先从这里下载。上面可以看到很多bucket以及软件数。如果官网登陆不了可以试一下以下方式。_scoop-cn

Element ui colorpicker在Vue中的使用_vue el-color-picker-程序员宅基地

文章浏览阅读4.5k次,点赞2次,收藏3次。首先要有一个color-picker组件 <el-color-picker v-model="headcolor"></el-color-picker>在data里面data() { return {headcolor: ’ #278add ’ //这里可以选择一个默认的颜色} }然后在你想要改变颜色的地方用v-bind绑定就好了,例如:这里的:sty..._vue el-color-picker

迅为iTOP-4412精英版之烧写内核移植后的镜像_exynos 4412 刷机-程序员宅基地

文章浏览阅读640次。基于芯片日益增长的问题,所以内核开发者们引入了新的方法,就是在内核中只保留函数,而数据则不包含,由用户(应用程序员)自己把数据按照规定的格式编写,并放在约定的地方,为了不占用过多的内存,还要求数据以根精简的方式编写。boot启动时,传参给内核,告诉内核设备树文件和kernel的位置,内核启动时根据地址去找到设备树文件,再利用专用的编译器去反编译dtb文件,将dtb还原成数据结构,以供驱动的函数去调用。firmware是三星的一个固件的设备信息,因为找不到固件,所以内核启动不成功。_exynos 4412 刷机

Linux系统配置jdk_linux配置jdk-程序员宅基地

文章浏览阅读2w次,点赞24次,收藏42次。Linux系统配置jdkLinux学习教程,Linux入门教程(超详细)_linux配置jdk

随便推点

matlab(4):特殊符号的输入_matlab微米怎么输入-程序员宅基地

文章浏览阅读3.3k次,点赞5次,收藏19次。xlabel('\delta');ylabel('AUC');具体符号的对照表参照下图:_matlab微米怎么输入

C语言程序设计-文件(打开与关闭、顺序、二进制读写)-程序员宅基地

文章浏览阅读119次。顺序读写指的是按照文件中数据的顺序进行读取或写入。对于文本文件,可以使用fgets、fputs、fscanf、fprintf等函数进行顺序读写。在C语言中,对文件的操作通常涉及文件的打开、读写以及关闭。文件的打开使用fopen函数,而关闭则使用fclose函数。在C语言中,可以使用fread和fwrite函数进行二进制读写。‍ Biaoge 于2024-03-09 23:51发布 阅读量:7 ️文章类型:【 C语言程序设计 】在C语言中,用于打开文件的函数是____,用于关闭文件的函数是____。

Touchdesigner自学笔记之三_touchdesigner怎么让一个模型跟着鼠标移动-程序员宅基地

文章浏览阅读3.4k次,点赞2次,收藏13次。跟随鼠标移动的粒子以grid(SOP)为partical(SOP)的资源模板,调整后连接【Geo组合+point spirit(MAT)】,在连接【feedback组合】适当调整。影响粒子动态的节点【metaball(SOP)+force(SOP)】添加mouse in(CHOP)鼠标位置到metaball的坐标,实现鼠标影响。..._touchdesigner怎么让一个模型跟着鼠标移动

【附源码】基于java的校园停车场管理系统的设计与实现61m0e9计算机毕设SSM_基于java技术的停车场管理系统实现与设计-程序员宅基地

文章浏览阅读178次。项目运行环境配置:Jdk1.8 + Tomcat7.0 + Mysql + HBuilderX(Webstorm也行)+ Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。项目技术:Springboot + mybatis + Maven +mysql5.7或8.0+html+css+js等等组成,B/S模式 + Maven管理等等。环境需要1.运行环境:最好是java jdk 1.8,我们在这个平台上运行的。其他版本理论上也可以。_基于java技术的停车场管理系统实现与设计

Android系统播放器MediaPlayer源码分析_android多媒体播放源码分析 时序图-程序员宅基地

文章浏览阅读3.5k次。前言对于MediaPlayer播放器的源码分析内容相对来说比较多,会从Java-&amp;amp;gt;Jni-&amp;amp;gt;C/C++慢慢分析,后面会慢慢更新。另外,博客只作为自己学习记录的一种方式,对于其他的不过多的评论。MediaPlayerDemopublic class MainActivity extends AppCompatActivity implements SurfaceHolder.Cal..._android多媒体播放源码分析 时序图

java 数据结构与算法 ——快速排序法-程序员宅基地

文章浏览阅读2.4k次,点赞41次,收藏13次。java 数据结构与算法 ——快速排序法_快速排序法