安卓canvas操作的总结
2014.07.03 使用canvas绘图
需求:公司需要绘制波形图,类似数学上的正弦波,一条是参考值,一条是实际曲线
解决方法:采用canvas绘图。保存为图片,以供导出
这里提供一个学习的demo
为了方便调试,看到绘制的效果,因此用canvas 绘制一个视图,放入activity 中。
具体代码如下:
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState); setContentView(new CustomView1(this)); }
这里的Customview 是一个自定义的类,继承了view。
它的构造函数必须要传递当前的activity对象或其他容器
public CustomView1(Context context) {
super(context);
}
图片的绘制,具体的细节实现在 该类的ondraw中
@Override
protected void onDraw(Canvas canvas) {
//具体绘图代码
}
有了这些,就算准备好了绘图的大致框架。现在就开始来绘图吧
首先需要一个画笔,同时设置一些参数
paint = new Paint(); // 设置一个笔刷大小是3的黄色的画笔
paint.setColor(Color.BLUE);
// paint.setStrokeJoin(Paint.Join.ROUND); //图像结合的效果 例如平滑
paint.setStrokeCap(Paint.Cap.ROUND); //笔刷的样式 例如圆形 方形等
paint.setStrokeWidth(9);
// paint.setStyle(Paint.Style.STROKE); //设置为空心
paint.setStyle(Paint.Style.FILL); // 设置为实心
然后就是绘制图形,简单的图形,已经有现成的方法,譬如圆形,矩形等
// 绘制圆 canvas.drawCircle(200, 200, 100, paint); // 绘制弧线区域 RectF rect = new RectF(0, 0, 100, 100); canvas.drawArc(rect, // 弧线所使用的矩形区域大小
0, // 开始角度
90, // 扫过的角度
true, // 是否使用中心
paint);
// 绘制没有中心的弧线
rect = new RectF(100, 0, 200, 100); canvas.drawArc(rect, // 弧线所使用的矩形区域大小
0, // 开始角度
90, // 扫过的角度
false, // 是否使用中心
paint); // 绘制色块。
// canvas.drawColor(Color.BLACK); // 绘制直线
canvas.drawLine(300, 300, 450, 450, paint); rect = new RectF(300, 0, 400, 300);
// 矩形区域内切椭圆
canvas.drawOval(rect, paint); /* 绘制文字 */
/*canvas.drawPosText("Android777", new float[] { 400,
10, // 第一个字母在坐标10,10
410,
20, // 第二个字母在坐标20,20
430,
30, // ....
440, 40, 450, 50, 460, 60, 470, 70, 480, 80, 490, 90, 500,
100 }, paint);
*/ /* 绘制文字 */
//canvas.drawText("吴文付", 500, 150, paint); /* 画矩形 */
//rect = new RectF(550, 250, 600, 350); // canvas.drawRect(rect, paint); //直角矩形 // 椭圆矩形
/*canvas.drawRoundRect(rect, 30, // x轴的半径
30, // y轴的半径
paint); Path path = new Path(); //定义一条路径
path.moveTo(0, 450); //移动到 坐标10,10
path.lineTo(50, 490);
path.lineTo(100,560);
path.lineTo(120, 580); canvas.drawPath(path, paint); path = new Path(); //定义一条路径
path.moveTo(100, 500); //移动到 坐标10,10
path.lineTo(50, 600);
path.lineTo(200,660);
path.lineTo(10, 670); // canvas.drawPath(path, paint);
canvas.drawTextOnPath("吴文付开发者博客", path, 10, 10, paint); drawSouth(canvas);
如果需要绘制比较复杂的图形,建议通过绘制点来实现或者 路径绘制来实现。
这前提就需要一个算法,提供点的集合。这里就不说了,具体情况具体应用。
一个技巧: 由于工作需要,绘制的线性图,需要填充,但是填充色 与线性图的线 要不同色。
方法是 : 改变画笔的 样式 和颜色,重复画。即可实现。
paint.setStyle(Paint.Style.STROKE);
paint.setStyle(Paint.Style.FILL);
演示的工程地址:http://download.csdn.net/detail/douniwan123654/7586469
安卓canvas操作的总结的更多相关文章
- canvas操作图片,进行面板画图,旋转等
HTML5 <canvas> 标签用于绘制图像(通过脚本,通常是 JavaScript). 不过,<canvas> 元素本身并没有绘制能力(它仅仅是图形的容器) - 您必须使用 ...
- angular使用canvas操作时报错
最近,用 angular 前端框架为应用登录新增图形验证码认证,由于没有现成的插件,于是便使用canvas+js操作,也是可以正常使用,但是在编译阶段却有个报错: ERROR in src/app/l ...
- 使用Canvas操作像素
现代浏览器支持通过<video>元素播放视频.大多数浏览器也可以通过MediaDevices.getUserMedia() API访问摄像头.但即使这两件事结合起来,我们也无法直接访问和操 ...
- 安卓ListView操作的两种方法
举例做一个微信的中间部分(好友消息等信息通知) 第一种:BaseAdapter() package com.example.wx; import java.util.ArrayList;import ...
- 安卓 canvas
[转]http://blog.sina.com.cn/s/blog_61ef49250100qw9x.html(easy) [转]http://blog.csdn.net/rhljiayou/arti ...
- 微信小游戏canvas操作
这几天在做项目的时候,想在游戏画面之前,在Canvas上面画上一张背景图,代码如下 let ctx = canvas.getContext('2d') export default cl ...
- canvas 操作像素 窗帘效果
代码实例: <!DOCTYPE html> <html> <head> <style> canvas{ background:#eee; } </ ...
- canvas 操作像素 反相
代码实例: <!DOCTYPE html> <html> <head> <style> canvas{ background:#eee; } </ ...
- Winfrom 简单的安卓手机屏幕获取和安卓简单操作
为啥我要做这个东西了,是因为经常要用投影演示app ,现在有很多这样的软件可以把手机界面投到电脑上 ,但都要安装,比如说360的手机助手,我又讨厌安装,于是就自己捣鼓了下 做了这个东西, 实现了以下简 ...
随机推荐
- C4.5算法总结
C4.5是一系列用在机器学习和数据挖掘的分类问题中的算法.它的目标是监督学习:给定一个数据集,其中的每一个元组都能用一组属性值来描述,每一个元组属于一个互斥的类别中的某一类.C4.5的目标是通过学习, ...
- Mysql笔记3数据库基本操作
1 创建数据库 create database 数据名称 default character set 编码; 2查看常用的编码校验规则 mysql> show character set; 3删 ...
- 【转】使用gulp 进行ES6开发
原谅地址:https://segmentfault.com/a/1190000004394726 一说起ES6,总会顺带看到webpack.babel.browserify还有一些认都不认识的blab ...
- PHP程序员学习路线
注:本文是@黑夜路人的旧文,假设PHP程序员基础不是非常扎实,简单梳理了每个阶段PHP程序员的技术要求,来帮助很多PHP程序做对照设定学习成长目标.再次分享,共勉,欢迎补充. 第一阶段:基础阶段(基础 ...
- Apache的安装
Apache的安装: 注:本例只截取需要注意的截图,其它默认则不显示. 1. 服务器信息可以按照默认配置,如果服务器的80端口没被其他服务器程序占据.可选“for All Users,on ...
- SGU_390_Tickets(另类数位DP)
Tickets Time Limit : 1000/500ms (Java/Other) Memory Limit : 524288/262144K (Java/Other) Total Subm ...
- I2C死锁原因及解决方法(转)
源:http://blog.csdn.net/zyboy2000/article/details/5603091 死锁总线表现为:SCL为高,SDA一直为低 现象:单片机采用硬件i2c读取E2PROM ...
- C# 经典入门15章 -TabControl
- IDL 的读写
read_ifc代码如下: Write_ifc代码分析如下: (1)将数字转换为字符串的函数. function ntoc,a return,string(a,format='(g0)') end ( ...
- PAT (Advanced Level) 1062. Talent and Virtue (25)
简单排序.题意较长. #include<cstdio> #include<cstring> #include<cmath> #include<queue> ...