要随时牢记在心中:决心取得成功比任何一件事情都重要。——林肯
在 Android 中,Path 类就代表路径。在 Canvas 中绘制路径的方法如下:
void drawPath(Path path, Paint paint)
直线路径
画一条直线路径,一般涉及下面三个函数。
void moveTo(float x1, float y1)
void lineTo(float x2, float y2)
void close()
(x1,y1)是直线的起始点,即将直线路径的绘制点定在(x1,y1)位置。(x2,y2)是直线的终点,又是下一次绘制直线路径的起始点;lineTo()函数可以一直使用。如果连续画了几条直线,但没有形成闭环,那么调用 close()函数会将路径首尾点连接起来,形成闭环。
示例:画一个三角形。
Paint paint=new Paint();
paint.setColor(Color.RED); //设置画笔颜色
paint.setStyle(Paint.Style.STROKE); //填充样式改为描边
paint.setStrokeWidth(5); //设置画笔宽度
Path path = new Path();
path.moveTo(10, 10); //设定起始点
path.lineTo(10, 100); //第一条直线的终点,也是第二条直线的起始点
path.lineTo(300, 100); //画第二条直线
path.close(); //闭环
canvas.drawPath(path, paint);
我们先沿逆时针方向画了两条直线,分别是从(10, 10)到(10, 100)和从(10, 100)到(300,100),然后利用path.close()函数将路径闭合,路径的终点(300,100)就会自行向路径的起始点(10,10)画一条闭合线,所以最终我们看到的是一个路径闭合的三角形。
矩形路径
void addRect (float left, float top, float right, float bottom, Path.Direction dir)
void addRect (RectF rect, Path.Direction dir)
这里Path类创建矩形路径的参数与上篇canvas绘制矩形差不多,唯一不同的一点是增加了Path.Direction参数
Path.Direction有两个值:
Path.Direction.CCW:是counter-clockwise缩写,指创建逆时针方向的矩形路径;
Path.Direction.CW:是clockwise的缩写,指创建顺时针方向的矩形路径;
//先创建两个大小一样的路径
//第一个逆向生成
Path ccwRectPath = new Path();
RectF rect1 = new RectF(50, 50, 240, 200);
ccwRectPath.addRect(rect1, Path.Direction.CCW);
//第二个顺向生成
Path cwRectPath = new Path();
RectF rectF2 = new RectF(290, 50, 480, 200);
cwRectPath.addRect(rectF2, Path.Direction.CW);
//先画出这两个路径
canvas.drawPath(ccwRectPath, paint);
canvas.drawPath(cwRectPath, paint);
那生成方式有什么区别呢?
依据生成方向排版的文字!文字是可以依据路径排版的,文字的行走方向就是依据路径的生成方向。
//先创建两个大小一样的路径
//第一个逆向生成
Path ccwRectPath = new Path();
RectF rect1 = new RectF(50, 50, 240, 200);
ccwRectPath.addRect(rect1, Path.Direction.CCW);
//第二个顺向生成
Path cwRectPath = new Path();
RectF rectF2 = new RectF(290, 50, 480, 200);
cwRectPath.addRect(rectF2, Path.Direction.CW);
//先画出这两个路径
canvas.drawPath(ccwRectPath, paint);
canvas.drawPath(cwRectPath, paint);
//依据路径写出文字
String text = "锲而舍之,朽木不折";
paint.setColor(Color.GRAY);
paint.setTextSize(34);
canvas.drawTextOnPath(text, ccwRectPath, 0, 20, paint);
canvas.drawTextOnPath(text, cwRectPath, 0, 20, paint);
圆角矩形路径
void addRoundRect (RectF rect, float[] radii, Path.Direction dir)
void addRoundRect (RectF rect, float rx, float ry, Path.Direction dir)
第一个构造函数:可以定制每个角的圆角大小:
float[] radii:必须传入8个数值,分四组,分别对应每个角所使用的椭圆的横轴半径和纵轴半径,如{x1,y1,x2,y2,x3,y3,x4,y4},其中,x1,y1对应第一个角的(左上角)用来产生圆角的椭圆的横轴半径和纵轴半径,其它类推……
第二个构造函数:只能构建统一圆角大小
float rx:所产生圆角的椭圆的横轴半径;
float ry:所产生圆角的椭圆的纵轴半径;
Path path = new Path();
RectF rect1 = new RectF(50, 50, 240, 200);
path.addRoundRect(rect1, 10, 15 , Direction.CCW);
RectF rect2 = new RectF(290, 50, 480, 200);
float radii[] ={10,15,20,25,30,35,40,45};
path.addRoundRect(rect2, radii, Direction.CCW);
canvas.drawPath(path, paint);
圆形路径
void addCircle (float x, float y, float radius, Path.Direction dir)
float x:圆心X轴坐标
float y:圆心Y轴坐标
float radius:圆半径
//圆形路径
Path path = new Path();
path.addCircle(200, 200, 100, Path.Direction.CCW);
canvas.drawPath(path, paint);
椭圆路径
void addOval (RectF oval, Path.Direction dir) //生成椭圆所对应的矩形
//椭圆矩形
Path path = new Path();
RectF rectF = new RectF(50, 50, 240, 200);
path.addOval(rectF, Path.Direction.CCW);
canvas.drawPath(path, paint);
弧形路径
void addArc (RectF oval, float startAngle, float sweepAngle)
RectF oval:弧是椭圆的一部分,这个参数就是生成椭圆所对应的矩形;
float startAngle:开始的角度,X轴正方向为0度
float sweepAngel:持续的度数;
//弧形路径
Path path = new Path();
RectF rect = new RectF(50, 50, 240, 200);
path.addArc(rect, 0, 120);
canvas.drawPath(path, paint);//画出路径
文字样式设置及倾斜度正负区别
Paint paint = new Paint();
paint.setColor(Color.RED); //设置画笔颜色
paint.setStrokeWidth(5);//设置画笔宽度
paint.setAntiAlias(true); //指定是否使用抗锯齿功能,如果使用,会使绘图速度变慢
paint.setTextSize(40);//设置文字大小
paint.setStyle(Paint.Style.FILL);//绘图样式,设置为填充
//样式设置
paint.setFakeBoldText(false);//设置是否为粗体文字
paint.setUnderlineText(true);//设置下划线
paint.setStrikeThruText(true);//设置带有删除线效果
//设置字体水平倾斜度,普通斜体字是-0.25,可见往右斜
paint.setTextSkewX((float) -0.25);
canvas.drawText("乐观的人在每个危机里看到机会", 10, 100, paint);
//水平倾斜度设置为:0.25,往左斜
paint.setTextSkewX((float) 0.25);
canvas.drawText("悲观的人在每个机会里看见危机", 10, 200, paint);
水平字体拉伸设置
写三行字,第一行,水平未拉伸的字体;第二行,水平拉伸两倍的字体;第三行,水平未拉伸和水平拉伸两部的字体写在一起,可以发现,仅是水平方向拉伸,高度并未改变;
Paint paint = new Paint();
paint.setColor(Color.RED); //设置画笔颜色
paint.setStrokeWidth(5);//设置画笔宽度
paint.setAntiAlias(true); //指定是否使用抗锯齿功能,如果使用,会使绘图速度变慢
paint.setTextSize(60);//设置文字大小
paint.setStyle(Paint.Style.FILL);//绘图样式,设置为填充
//变通样式字体
canvas.drawText("欢迎光临", 10, 100, paint);
//水平方向拉伸两倍
paint.setTextScaleX(2);//只会将水平方向拉伸,高度不会变
canvas.drawText("欢迎光临", 10, 200, paint);
//写在同一位置,不同颜色,看下高度是否看的不变
paint.setTextScaleX(1);//先还原拉伸效果
canvas.drawText("欢迎光临", 10, 300, paint);
paint.setColor(Color.GREEN);
paint.setTextScaleX(2);//重新设置拉伸效果
canvas.drawText("欢迎光临", 10, 300, paint);
指定每个文字位置绘制
void drawPosText (char[] text, int index, int count, float[] pos, Paint paint) //第一个构造函数:实现截取一部分文字绘制;
void drawPosText (String text, float[] pos, Paint paint)
char[] text:要绘制的文字数组
int index::第一个要绘制的文字的索引
int count:要绘制的文字的个数,用来算最后一个文字的位置,从第一个绘制的文字开始算起
float[] pos:每个字体的位置,同样两两一组,如{x1,y1,x2,y2,x3,y3……}
Paint paint = new Paint();
paint.setColor(Color.RED); //设置画笔颜色
paint.setStrokeWidth(5);//设置画笔宽度
paint.setAntiAlias(true); //指定是否使用抗锯齿功能,如果使用,会使绘图速度变慢
paint.setTextSize(70);//设置文字大小
paint.setStyle(Paint.Style.FILL);//绘图样式,设置为填充
float[] pos = {50, 100, 50, 200, 50, 300, 50, 400};
canvas.drawPosText("欢迎光临", pos, paint);
沿路径绘制文本
void drawTextOnPath (String text, Path path, float hOffset, float vOffset, Paint paint) //与路径起始点的水平偏移距离
void drawTextOnPath (char[] text, int index, int count, Path path, float hOffset, float vOffset, Paint paint) //与路径中心的垂直偏移量
Paint paint = new Paint();
paint.setColor(Color.RED); //设置画笔颜色
paint.setStrokeWidth(5);//设置画笔宽度
paint.setAntiAlias(true); //指定是否使用抗锯齿功能,如果使用,会使绘图速度变慢
paint.setTextSize(45);//设置文字大小
paint.setStyle(Paint.Style.STROKE);//绘图样式,设置为填充
String string = "决心取得成功比任何一件事情都重要。";
//先创建两个相同的圆形路径,并先画出两个路径原图
Path circlePath = new Path();
circlePath.addCircle(220, 200, 180, Path.Direction.CCW);//逆向绘制
canvas.drawPath(circlePath, paint);//绘制出路径原形
Path circlePath2 = new Path();
circlePath2.addCircle(320, 700, 180, Path.Direction.CCW);
//第二个路径,改变hoffset、voffset参数值
canvas.drawPath(circlePath2, paint);
paint.setColor(Color.GREEN);
//hoffset、voffset参数值全部设为0,看原始状态是怎样的
canvas.drawTextOnPath(string, circlePath, 0, 0, paint);
//第二个路径,改变hoffset、voffset参数值
canvas.drawTextOnPath(string, circlePath2, 100, 50, paint);
字体样式设置(Typeface)
paint.setTypeface(typeface); //在画笔中设置字体样式
Typeface create(String familyName, int style) //直接通过指定字体名来加载系统中自带的文字样式
Typeface create(Typeface family, int style) //通过其它Typeface变量来构建文字样式
Typeface createFromAsset(AssetManager mgr, String path) //通过从Asset中获取外部字体来显示字体样式
Typeface createFromFile(String path)//直接从路径创建
Typeface createFromFile(File path)//从外部路径来创建字体样式
Typeface defaultFromStyle(int style)//创建默认字体
//上面的各个参数都会用到Style变量,Style的枚举值如下:
Typeface.NORMAL //正常体
Typeface.BOLD //粗体
Typeface.ITALIC //斜体
Typeface.BOLD_ITALIC //粗斜体
自字义字体
我们就需要从外部字体文件加载我们所需要的字体的,从外部文件加载字体所使用的Typeface构造函数如下面三个:
Typeface createFromAsset(AssetManager mgr, String path) //通过从Asset中获取外部字体来显示字体样式
Typeface createFromFile(String path)//直接从路径创建
Typeface createFromFile(File path)//从外部路径来创建字体样式
后面两个从路径加载难度不大,用的少,这里我们说说从assets目录中中加载;首先在assets下建一个文件夹,命名为fonts,然后将字体文件jian_luobo.ttf 放入其中
//自定义字体 迷你简罗卜
Paint paint = new Paint();
paint.setColor(Color.RED); //设置画笔颜色
paint.setStrokeWidth(5);//设置画笔宽度
paint.setAntiAlias(true); //指定是否使用抗锯齿功能,如果使用,会使绘图速度变慢
paint.setTextSize(60);//设置文字大小
paint.setStyle(Paint.Style.FILL);//绘图样式,设置为填充
// 这种方式用的多些
AssetManager assetManager = getContext().getAssets();//得到AssetManager
Typeface typeface = Typeface.createFromAsset(assetManager, "fonts/jian_luobo.ttf");//根据路径得到Typeface
paint.setTypeface(typeface);
Log.v("msg", typeface.toString());
canvas.drawText("欢迎光临", 10, 100, paint);//两个构造函数
恭喜你这篇博客学习完成了,下一篇文章
网友评论