Android Canvas绘制

public class DrawView extends View {

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

@Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  /*
   * 方法 说明 drawRect 绘制矩形 drawCircle 绘制圆形 drawOval 绘制椭圆 drawPath 绘制任意多边形
   * drawLine 绘制直线 drawPoin 绘制点
   */
  // 创建画笔
  Paint p = new Paint();
  p.setColor(Color.RED);// 设置红色

canvas.drawText("画圆:", 10, 20, p);// 画文本
  canvas.drawCircle(60, 20, 10, p);// 小圆
  p.setAntiAlias(true);// 设置画笔的锯齿效果。 true是去除,大家一看效果就明白了
  canvas.drawCircle(120, 20, 20, p);// 大圆

canvas.drawText("画线及弧线:", 10, 60, p);
  p.setColor(Color.GREEN);// 设置绿色
  canvas.drawLine(60, 40, 100, 40, p);// 画线
  canvas.drawLine(110, 40, 190, 80, p);// 斜线
  //画笑脸弧线
  p.setStyle(Paint.Style.STROKE);//设置空心
  RectF oval1=new RectF(150,20,180,40);
  canvas.drawArc(oval1, 180, 180, false, p);//小弧形
  oval1.set(190, 20, 220, 40);
  canvas.drawArc(oval1, 180, 180, false, p);//小弧形
  oval1.set(160, 30, 210, 60);
  canvas.drawArc(oval1, 0, 180, false, p);//小弧形

canvas.drawText("画矩形:", 10, 80, p);
  p.setColor(Color.GRAY);// 设置灰色
  p.setStyle(Paint.Style.FILL);//设置填满
  canvas.drawRect(60, 60, 80, 80, p);// 正方形
  canvas.drawRect(60, 90, 160, 100, p);// 长方形

canvas.drawText("画扇形和椭圆:", 10, 120, p);
  /* 设置渐变色 这个正方形的颜色是改变的 */
  Shader mShader = new LinearGradient(0, 0, 100, 100,
    new int[] { Color.RED, Color.GREEN, Color.BLUE, Color.YELLOW,
      Color.LTGRAY }, null, Shader.TileMode.REPEAT); // 一个材质,打造出一个线性梯度沿著一条线。
  p.setShader(mShader);
  // p.setColor(Color.BLUE);
  RectF oval2 = new RectF(60, 100, 200, 240);// 设置个新的长方形,扫描测量
  canvas.drawArc(oval2, 200, 130, true, p);
  // 画弧,第一个参数是RectF:该类是第二个参数是角度的开始,第三个参数是多少度,第四个参数是真的时候画扇形,是假的时候画弧线
  //画椭圆,把oval改一下
  oval2.set(210,100,250,130);
  canvas.drawOval(oval2, p);

canvas.drawText("画三角形:", 10, 200, p);
  // 绘制这个三角形,你可以绘制任意多边形
  Path path = new Path();
  path.moveTo(80, 200);// 此点为多边形的起点
  path.lineTo(120, 250);
  path.lineTo(80, 250);
  path.close(); // 使这些点构成封闭的多边形
  canvas.drawPath(path, p);

// 你可以绘制很多任意多边形,比如下面画六连形
  p.reset();//重置
  p.setColor(Color.LTGRAY);
  p.setStyle(Paint.Style.STROKE);//设置空心
  Path path1=new Path();
  path1.moveTo(180, 200);
  path1.lineTo(200, 200);
  path1.lineTo(210, 210);
  path1.lineTo(200, 220);
  path1.lineTo(180, 220);
  path1.lineTo(170, 210);
  path1.close();//封闭
  canvas.drawPath(path1, p);
  /*
   * Path类封装复合(多轮廓几何图形的路径
   * 由直线段*、二次曲线,和三次方曲线,也可画以油画。drawPath(路径、油漆),要么已填充的或抚摸
   * (基于油漆的风格),或者可以用于剪断或画画的文本在路径。
   */
  
  //画圆角矩形
  p.setStyle(Paint.Style.FILL);//充满
  p.setColor(Color.LTGRAY);
  p.setAntiAlias(true);// 设置画笔的锯齿效果
  canvas.drawText("画圆角矩形:", 10, 260, p);
  RectF oval3 = new RectF(80, 260, 200, 300);// 设置个新的长方形
  canvas.drawRoundRect(oval3, 20, 15, p);//第二个参数是x半径,第三个参数是y半径
  
  //画贝塞尔曲线
  canvas.drawText("画贝塞尔曲线:", 10, 310, p);
  p.reset();
  p.setStyle(Paint.Style.STROKE);
  p.setColor(Color.GREEN);
  Path path2=new Path();
  path2.moveTo(100, 320);//设置Path的起点
  path2.quadTo(150, 310, 170, 400); //设置贝塞尔曲线的控制点坐标和终点坐标
  canvas.drawPath(path2, p);//画出贝塞尔曲线
  
  //画点
  p.setStyle(Paint.Style.FILL);
  canvas.drawText("画点:", 10, 390, p);
  canvas.drawPoint(60, 390, p);//画一个点
  canvas.drawPoints(new float[]{60,400,65,400,70,400}, p);//画多个点
  
  //画图片,就是贴图
  Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher);
  canvas.drawBitmap(bitmap, 250,360, p);
 }
}

Android Canvas绘制

时间: 2024-12-16 06:15:49

Android Canvas绘制的相关文章

Android canvas绘制柱形统计图

如今非常多应用都须要一些统计图.眼下第三方的统计图也有非常多.可是在自己看来仅仅要不是特别耽误时间还是选择用canvas自己绘制比較合理.依赖于第三方的绘制在需求上也荣easy有一定出入,并且也不easy扩展,所以自己就依据需求绘制了一些统计图,以下就是我绘制的柱状统计图,能够依据给定高和宽来自适应,不懂的地方能够留言联系我. 首先写一个基类,将公用的模块提取出来,这也体现设计模式中的抽象工厂模式和模板模式,以下是基类,一些共同处理的代码也能够放到BaseChartView里面.可是因为时间问题

android:Canvas绘制自旋转Bitmap

需求 在SurfaceView或者普通View中,我们在每个绘制周期(onDraw)中,不仅需要更新绘制Bitmap对象在View中得位置,而且还希望Bitmap能够以它自身的中心点为圆心,进行自旋转. 解决 使用Canvas的drawBitmap(Bitmap bitmap,Matrix matrix,Paint paint)方法,最重要的就是定制Matrix. 代码如下: /** * 绘制自旋转位图 * * @param canvas * @param paint * @param bitm

Android自定义控件 -Canvas绘制折线图(实现动态报表效果)

有时候我们在项目中会遇到使用折线图等图形,Android的开源项目中为我们提供了很多插件,但是很多时候我们需要根据具体项目自定义这些图表,这一篇文章我们一起来看看如何在Android中使用Canvas绘制折线图.先看看绘制的效果: 代码: public class MyView extends View { //坐标轴原点的位置 private int xPoint=60; private int yPoint=260; //刻度长度 private int xScale=8;  //8个单位构

Android自定义组件系列【9】——Canvas绘制折线图

有时候我们在项目中会遇到使用折线图等图形,Android的开源项目中为我们提供了很多插件,但是很多时候我们需要根据具体项目自定义这些图表,这一篇文章我们一起来看看如何在Android中使用Canvas绘制折线图.先看看绘制的效果: 实现原理很简单,我就直接给出代码: package com.example.testcanvasdraw; import java.util.ArrayList; import java.util.List; import java.util.Random; impo

Android Canvas绘图详解(图文) - 泡在网上的日子

body { font-family: "Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI",Tahoma,Helvetica,Sans-Serif,"Microsoft YaHei", Georgia,Helvetica,Arial,sans-serif,宋体, PMingLiU,serif; font-size: 10.5pt; line-height: 1.5;

Android Canvas绘图详解(图文)

编辑推荐:稀土掘金,这是一个针对技术开发者的一个应用,你可以在掘金上获取最新最优质的技术干货,不仅仅是Android知识.前端.后端以至于产品和设计都有涉猎,想成为全栈工程师的朋友不要错过! Android中使用图形处理引擎,2D部分是android SDK内部自己提供,3D部分是用Open GL ES 1.0.今天我们主要要了解的是2D相关的,如果你想看3D的话那么可以跳过这篇文章. 大 部分2D使用的api都在android.graphics和android.graphics.drawabl

Android UI 绘制过程浅析(五)自定义View

前言 这已经是Android UI 绘制过程浅析系列文章的第五篇了,不出意外的话也是最后一篇.再次声明一下,这一系列文章,是我在拜读了csdn大牛郭霖的博客文章<带你一步步深入了解View>后进行的实践. 前面依次了解了inflate的过程,以及绘制View的三个步骤:measure, layout, draw.这一次来亲身实践一下,通过自定义View来加深对这几个过程的理解. 自定义View的分类 根据实现方式,自定义View可以分为以下3种类型. 自绘控件.View的绘制代码(onDraw

Android Canvas不能换行,或者不识别\n,\r\n的解决方案

在使用Canvas绘制文本的时候,如果要绘制的字符串含有\r\n,\n换行的时候,会识别不出来,当成空格绘制出来. 解决方案: 1.使用StaticLayout来实现,具体代码如下: TextPaint mTextPaint=new TextPaint(); StaticLayout mTextLayout = new StaticLayout(mText, mTextPaint, canvas.getWidth(), Alignment.ALIGN_NORMAL, 1.0f, 0.0f, fa

android精确绘制文字位置的方法

android 中使用Canvas的drawText绘制文本的位置,是基于基线的.如下图: 其中字母Q的小尾巴在横线下面了. 怎么样找准字母的中心位置呢? 先看下面的例子:(右边的数字,表示字体的 left, top, right, bottom) 这里面的关键是Paint.getTextBound. getTextBound会填充一个Rect,这个Rect表示的就是一个字的left, top, right, bottom.注意到left和top并不是从0,0开始的. left和right应该是