您的位置:首页 > 移动开发 > Android开发

Android采用canvas绘制各种图形

2015-10-14 19:19 465 查看
canvas通俗的说就是一个帆布,我们可以用刷子paint,就此随机抽签显卡。

原理:

能够canvas视Surface替代或接口。图形绘制Surface向上。Canvas封装了全部的绘制调用。

通过Canvas。

绘制到Surface上的内容首先存储到一个内存区域(也就是相应的Bitmapz中),该Bitmap终于会呈现到窗体上。

使用:

1、Canvas能够直接new Canvas();

2、在View中重写OnDraw()方法,里面有一个Canvas,今天讨论的内容。

方法:

//绘制区域。參数一为RectF一个区域

drawRect(RectF rect, Paint paint)

//绘制一个路径。參数一为Path路径对象

drawPath(Path path, Paint paint)

//贴图,參数一就是我们常规的Bitmap对象。參数二是源区域(这里是bitmap),參数三是目标区域

(应该在canvas的位置和大小),參数四是Paint画刷对象,由于用到了缩放和拉伸的可能,当原始

Rect不等于目标Rect时性能将会有大幅损失。

drawBitmap(Bitmap bitmap, Rect src, Rect dst, Paint paint)

//画线,參数一起始点的x轴位置,參数二起始点的y轴位置,參数三终点的x轴水平位置,

參数四y轴垂直位置,最后一个參数为Paint 画刷对象。

drawLine(float startX, float startY, float stopX, float stopY, Paintpaint)

//画点。參数一水平x轴,參数二垂直y轴。第三个參数为Paint对象。

drawPoint(float x, float y, Paint paint)

//渲染文本,Canvas类除了上面的还能够描绘文字。參数一是String类型的文本,參数二x轴,

參数三y轴,參数四是Paint对象。

drawText(String text, float x, floaty, Paint paint)

//画椭圆,參数一是扫描区域,參数二为paint对象;

drawOval(RectF oval, Paint paint)

// 绘制圆,參数一是中心点的x轴。參数二是中心点的y轴,參数三是半径,參数四是paint对象;

drawCircle(float cx, float cy, float radius,Paint paint)

//画弧。參数一是RectF对象。一个矩形区域椭圆形的界限用于定义在形状、大小、电弧,參数二是

起始角(度)在电弧的開始,參数三扫描角(度)開始顺时针測量的,參数四是假设这是真的话,包含

椭圆中心的电弧,并关闭它,假设它是假这将是一个弧线,參数五是Paint对象;

drawArc(RectF oval, float startAngle, float sweepAngle, boolean useCenter, Paint paint)

接下来就要開始画了。还须要工具Paint,path

Paint ,就是画笔。我们new paint();等到一仅仅画笔,然后设置它的一些属性。

Paint类经常用法:

setARGB(int a, int r, int g, int b) // 设置 Paint对象颜色,參数一为alpha透明值

setAlpha(int a) // 设置alpha不透明度,范围为0~255

setAntiAlias(boolean aa) // 是否抗锯齿

setColor(int color) // 设置颜色,这里Android内部定义的有Color类包括了一些常见颜色定义

setTextScaleX(float scaleX) // 设置文本缩放倍数,1.0f为原始

setTextSize(float textSize) // 设置字体大小

setUnderlineText(booleanunderlineText) // 设置下划线

setStyle(Style.STROKE)//设置画笔空心

直接上样例:

public class DrawviewActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// set DrawView's width and height
Display d = getWindowManager().getDefaultDisplay();
DrawView dv = new DrawView(this);
dv.width = d.getWidth();
dv.height = d.getHeight();
setContentView(dv);
}
class DrawView extends View {

public float width;
public float height;
private Paint mpaint;

public DrawView(Context context) {
super(context);
mpaint = new Paint();
mpaint.setColor(Color.RED);
mpaint.setAntiAlias(true);

}

@Override
protected void onDraw(Canvas canvas) {
// TODO Auto-generated method stub
super.onDraw(canvas);

// drawtext
canvas.save();
mpaint.setTextSize(30);
canvas.drawText("hello honjane", 20, 20, mpaint);
canvas.restore();

// drawRect
canvas.save();
RectF r = new RectF(40, 40, 60, 60);
mpaint.setColor(Color.BLUE);
canvas.drawRect(r, mpaint);
canvas.restore();

canvas.save();
mpaint.setColor(Color.BLUE);
canvas.drawRect(65, 40, 85, 60, mpaint);
canvas.restore();

// drawCircle
canvas.save();
mpaint.setStyle(Style.STROKE);
canvas.drawCircle(width / 2, height / 2, 100, mpaint);
canvas.restore();

// drawArc
canvas.save();
RectF oval1 = new RectF(150, 300, 180, 400);
canvas.drawArc(oval1, 180, 250, false, mpaint);// 小弧形
oval1.set(300, 300, 600, 780);
canvas.drawArc(oval1, 230, 170, false, mpaint);
oval1.set(200, 300, 500, 780);
canvas.drawArc(oval1, 230, 170, true, mpaint);

canvas.restore();

// 三角形

canvas.save();
mpaint.setStyle(Style.FILL);
Path p = new Path();
p.moveTo(80, 100);
p.lineTo(140, 300);
p.lineTo(20, 300);
p.close();
canvas.drawPath(p, mpaint);
canvas.restore();

canvas.save();
mpaint.setStyle(Paint.Style.FILL);// 充满
mpaint.setColor(Color.LTGRAY);
mpaint.setAntiAlias(true);// 设置画笔的锯齿效果
canvas.drawText("画圆角矩形:", 10, 260, mpaint);
RectF oval3 = new RectF(80, 260, 200, 300);// 设置个新的长方形
canvas.drawRoundRect(oval3, 20, 15, mpaint);// 第二个參数是x半径。第三个參数是y半径
canvas.restore();

// 可变色的
canvas.save();
Shader shader = new LinearGradient(0, 0, 100, 100, new int[] {
Color.BLACK, Color.CYAN, Color.DKGRAY, Color.GRAY }, null,
Shader.TileMode.MIRROR);
mpaint.setShader(shader);
RectF oval2 = new RectF(250, 100, 450, 300);
canvas.drawArc(oval2, 200, 130, true, mpaint);
canvas.restore();

//绘图片
canvas.save();
Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher);
canvas.drawBitmap(bitmap, 250,360, mpaint);
canvas.restore();
}
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: