都是自己随手练习时写的一些小demo
Paint类:
package com.gyz;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.LinearGradient;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.RectF;
import android.graphics.Shader;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
/**
* Paint类介绍
*
* Paint即画笔,在绘图过程中起到了极其重要的作用,画笔主要保存了颜色, 样式等绘制信息,指定了如何绘制文本和图形,画笔对象有很多设置方法,
* 大体上可以分为两类,一类与图形绘制相关,一类与文本绘制相关。
*
* 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_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); 设置图形重叠时的处理方式,如合并,取交集或并集,经常用来制作橡皮的擦除效果,图片圆角也可以
*
* 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); 设置带有删除线的效果
*
* @author gyzboy
*/
public class MyCanvasTest extends View {
public Paint mPaint;
private Path mPath;
// 定义一个内存中的图片,该图片将作为缓冲区
private Bitmap cacheBitmap = null;
// 定义cacheBitmap上的Canvas对象
private Canvas cacheCanvas = null;
float preX = 0;
float preY = 0;
/**
* 为了实现保存用户之前绘制的内容使用双缓冲技术,程序先不绘制在view上,先绘制在一个内存中的bitmap上,
* 当绘制完成后将bitmap绘制在view上
*
* @param context
* @param attrs
*/
public MyCanvasTest(Context context, AttributeSet attrs) {
super(context, attrs);// 父类构造器必须放到最前面
mPaint = new Paint();
mPath = new Path();
cacheBitmap = Bitmap.createBitmap(320, 480, Config.ARGB_8888);
cacheCanvas = new Canvas();
cacheCanvas.setBitmap(cacheBitmap);// 将图片画到缓存中
mPaint = new Paint(Paint.DITHER_FLAG);
mPaint.setColor(Color.RED);
mPaint.setStyle(Paint.Style.STROKE);
mPaint.setStrokeWidth(5);
mPaint.setAntiAlias(true);// 反锯齿
mPaint.setDither(true);// 与DITHER_FLAG对应,相当于开关
}
// @Override
// protected void onDraw(Canvas canvas) {
//
// // 将整个桌布绘制成白色 canvas还有rotate旋转、scale缩放、skew倾斜、translate平移属性
// canvas.drawColor(Color.WHITE);
//
// Paint paint = new Paint();
// paint.setAntiAlias(true);// 去锯齿
// paint.setColor(Color.BLUE);
// paint.setStyle(Paint.Style.STROKE);// 设置为空心
// paint.setStrokeWidth(5);
//
// /**
// * 参数依次为x,y坐标,半径
// */
// canvas.drawCircle(40, 40, 30, paint);// 画圆
// /**
// * 同Rect
// */
// canvas.drawRect(40, 40, 140, 180, paint);// 绘制矩形
// canvas.drawRect(10, 50, 60, 100, paint);// 正方形
// /**
// * 矩形左边的X坐标 150 矩形顶部的Y坐标 75 矩形右边的X坐标 260 矩形底部的Y坐标 120
// * 说白了就是左上角的坐标是(150,75),右下角的坐标是(260,120)
// */
// RectF rf1 = new RectF(150, 20, 200, 120);// rect为整型,rectF为浮点数
// /**
// * x,y方向的圆化角度
// */
// canvas.drawRoundRect(rf1, 15, 50, paint);
// RectF re11 = new RectF(10, 240, 70, 270);
// // 绘制椭圆
// canvas.drawOval(re11, paint);
// /*
// * 最重要的就是movtTo和close,如果是Style.FILL的话,不设置close,也没有区别,可是如果是STROKE模式,
// * 如果不设置close,图形不封闭。
// *
// * 当然,你也可以不设置close,再添加一条线,效果一样。
// */
// Path path1 = new Path();
// path1.moveTo(10, 340); // 路径绘制的开始点
// path1.lineTo(70, 340);
// path1.lineTo(40, 290);
// path1.close();// 绘制完成,形成封闭图形,相当于画了一条连接到开头的直线
// canvas.drawPath(path1, paint);
//
// /**
// * 参数一为渐变起初点坐标x位置,参数二为y轴位置,参数三和四分辨对应渐变终点 其中参数new int[]{startColor,
// * midleColor,endColor}是参与渐变效果的颜色集合, 其中参数new float[]{0 , 0.5f,
// * 1.0f}是定义每个颜色处于的渐变相对位置, 这个参数可以为null,如果为null表示所有的颜色按顺序均匀的分布
// */
// // 为Paint设置渐变器
// Shader mShader = new LinearGradient(0, 0, 40, 60, new int[] {
// Color.RED, Color.GREEN, Color.BLUE, Color.YELLOW }, null,
// Shader.TileMode.REPEAT);
// // Shader.TileMode三种模式
// // REPEAT:沿着渐变方向循环重复
// // CLAMP:如果在预先定义的范围外画的话,就重复边界的颜色
// // MIRROR:与REPEAT一样都是循环重复,但这个会对称重复
// paint.setShader(mShader);
// // 设置阴影
// paint.setShadowLayer(45, 10, 10, Color.GRAY);
// paint.setStyle(Paint.Style.FILL);// 设置为实心
// // 绘制圆形
// canvas.drawCircle(200, 40, 30, paint);
// // 绘制字体
// paint.setTextSize(40);
// paint.setShader(mShader);
// canvas.drawText("Circle", 100, 200, paint);
//
// super.onDraw(canvas);
// }
@Override
public boolean onTouchEvent(MotionEvent event) {
float x = event.getX();
float y = event.getY();
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
mPath.moveTo(x, y);
preX = x;
preY = y;
break;
case MotionEvent.ACTION_MOVE:
mPath.quadTo(preX, preY, x, y);// 绘制曲线
preX = x;
preY = y;
break;
case MotionEvent.ACTION_UP:
cacheCanvas.drawPath(mPath, mPaint);// 绘制
// mPath.reset();//清空路径
break;
}
invalidate();
// 返回true表明处理方法已经处理该事件,否则会继续传递
return true;
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
Paint bitmapPaint = new Paint();
bitmapPaint.setColor(Color.BLACK);
// 将cacheBitmap绘制到该View组件上
canvas.drawBitmap(cacheBitmap, 50, 50, bitmapPaint);
// 沿着path绘制
canvas.drawPath(mPath, mPaint);
}
}
Path类:
package com.gyz;
import android.app.Activity;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.ComposePathEffect;
import android.graphics.CornerPathEffect;
import android.graphics.DashPathEffect;
import android.graphics.DiscretePathEffect;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PathDashPathEffect;
import android.graphics.PathEffect;
import android.graphics.RectF;
import android.graphics.SumPathEffect;
import android.os.Bundle;
import android.view.View;
/**
* @author gyzboy
*/
public class MyPathTest extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// setContentView(new MyView(this));
setContentView(new MyTextView(this));
}
class MyView extends View {
float phase;
Path path;
PathEffect[] effects;
Paint paint;
int[] colors;
public MyView(Context context) {
super(context);
effects = new PathEffect[7];// 路径效果
path = new Path();
colors = new int[] {};
paint = new Paint();
paint.setColor(Color.BLUE);
paint.setAntiAlias(true);
paint.setStyle(Paint.Style.STROKE);
paint.setStrokeWidth(5);
path.moveTo(0, 0);
for (int i = 0; i < 15; i++) {
// 生成15个点,随机生成它们的Y座标。并将它们连成一条Path
path.lineTo(i * 20, (float) Math.random() * 60);
}
// 初始化7个颜色
colors = new int[] { Color.BLACK, Color.BLUE, Color.CYAN,
Color.GREEN, Color.MAGENTA, Color.RED, Color.YELLOW };
// -----------下面开始初始化7中路径效果----------
// 不使用路径效果。
effects[0] = null;
// 使用CornerPathEffect路径效果
effects[1] = new CornerPathEffect(10);
// 初始化DiscretePathEffect
effects[2] = new DiscretePathEffect(3.0f, 5.0f);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
// 将背景填充成白色
canvas.drawColor(Color.WHITE);
// 初始化DashPathEffect,DashPathEffect有动画效果
effects[3] = new DashPathEffect(new float[] { 20, 10, 5, 10 },
phase);
// 初始化PathDashPathEffect,PathDashPathEffect有动画效果
Path p = new Path();
p.addRect(0, 0, 8, 8, Path.Direction.CCW);
effects[4] = new PathDashPathEffect(p, 12, phase,
PathDashPathEffect.Style.ROTATE);
// 初始化PathDashPathEffect
effects[5] = new ComposePathEffect(effects[2], effects[4]);
effects[6] = new SumPathEffect(effects[4], effects[3]);
// 对Canvas执行坐标变换:将画布“整体位移”到8、8处开始绘制
canvas.translate(8, 8);
// 依次使用7中不同路径效果、7种不同的颜色来绘制路径
for (int i = 0; i < effects.length; i++) {
paint.setPathEffect(effects[i]);
paint.setColor(colors[i]);
canvas.drawPath(path, paint);
canvas.translate(0, 60);// 移动画布为了显示出不同的路径效果
}
// 改变phase值,形成动画效果,变化速度
phase += 1;
invalidate();
}
}
class MyTextView extends View {
final String DRAW_STR = "来一个测试";
Path[] paths = new Path[3];
Paint paint;
public MyTextView(Context context) {
super(context);
paths[0] = new Path();
paths[0].moveTo(0, 0);
for (int i = 1; i <= 7; i++) {
// 生成7个点,随机生成它们的Y座标。并将它们连成一条Path
paths[0].lineTo(i * 30, (float) Math.random() * 30);
}
paths[1] = new Path();
RectF rectF = new RectF(0, 0, 200, 120);
paths[1].addOval(rectF, Path.Direction.CCW);//逆时针
paths[2] = new Path();
paths[2].addArc(rectF, 60, 180);
// 初始化画笔
paint = new Paint();
paint.setAntiAlias(true);
paint.setColor(Color.CYAN);
paint.setStrokeWidth(1);
}
@Override
protected void onDraw(Canvas canvas) {
canvas.drawColor(Color.WHITE);
canvas.translate(40, 40);
// 设置从右边开始绘制(右对齐)
paint.setTextAlign(Paint.Align.RIGHT);
paint.setTextSize(20);
// 绘制路径
paint.setStyle(Paint.Style.STROKE);
canvas.drawPath(paths[0], paint);
// 沿着路径绘制一段文本。
paint.setStyle(Paint.Style.FILL);
canvas.drawTextOnPath(DRAW_STR, paths[0], -8, 20, paint);
// 对Canvas进行坐标变换:画布下移120
canvas.translate(0, 60);
// 绘制路径
paint.setStyle(Paint.Style.STROKE);
canvas.drawPath(paths[1], paint);
// 沿着路径绘制一段文本。
paint.setStyle(Paint.Style.FILL);
canvas.drawTextOnPath(DRAW_STR, paths[1], -20, 20, paint);
// 对Canvas进行坐标变换: 画布下移120
canvas.translate(0, 120);
// 绘制路径
paint.setStyle(Paint.Style.STROKE);
canvas.drawPath(paths[2], paint);
// 沿着路径绘制一段文本。
paint.setStyle(Paint.Style.FILL);
canvas.drawTextOnPath(DRAW_STR, paths[2], -10, 20, paint);
}
}
}