Android采用canvas绘制各种图形
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();
}
}
}
版权声明:本文博主原创文章,博客,未经同意不得转载。
Android采用canvas绘制各种图形的更多相关文章
- Android利用canvas画各种图形
Android利用canvas画各种图形(点.直线.弧.圆.椭圆.文字.矩形.多边形.曲线.圆角矩形) 本文链接:https://blog.csdn.net/rhljiayou/article/det ...
- 学习笔记:HTML5 Canvas绘制简单图形
HTML5 Canvas绘制简单图形 1.添加Canvas标签,添加id供js操作. <canvas id="mycanvas" height="700" ...
- Canvas学习:封装Canvas绘制基本图形API
Canvas学习:封装Canvas绘制基本图形API Canvas Canvas学习 从前面的文章中我们了解到,通过Canvas中的CanvasRenderingContext2D对象中的属性和方 ...
- Android自定义控件 -Canvas绘制折线图(实现动态报表效果)
有时候我们在项目中会遇到使用折线图等图形,Android的开源项目中为我们提供了很多插件,但是很多时候我们需要根据具体项目自定义这些图表,这一篇文章我们一起来看看如何在Android中使用Canvas ...
- android用canvas绘制两种波纹效果
波形效果有几种不同的呈现形式,比如从中间向四周散开的波形,也就是熟知的水涟漪:还有上下波动的曲线,像五线谱等.英文中可以称作Wave或者Ripple,所以暂且叫它们WaveView.WaveLayo ...
- [html5] 学习笔记-Canvas 绘制渐变图形与绘制变形图形
在 HTML5 中,使用 Canvas API 绘制图形的知识,可以对绘制图形进行处理,包含使用 Canvas API 绘制渐变图形,使用 Canvas API 的坐标轴变换处理功能绘制变形图形.其中 ...
- canvas绘制简单图形
canvas绘图篇: canvas绘制矩形: <!DOCTYPE html> <html> <head lang="en"> <meta ...
- h5 的canvas绘制基本图形
文章地址:https://www.cnblogs.com/sandraryan/ canvas是一个标签,可用于绘制复杂图形,渲染效果比普通DOM快 某些低版本浏览器不支持 canvas 使用原生几乎 ...
- Android利用canvas画各种图形(点、直线、弧、圆、椭圆、文字、矩形、多边形、曲线、圆角矩形) .
1.首先说一下canvas类: Class Overview The Canvas class holds the "draw" calls. To draw something, ...
随机推荐
- DESCryptoServiceProvider加密解密的简单使用例子
DES.cs using System; using System.Collections.Generic; using System.Linq; using System.Text; using S ...
- IT痴汉的工作现状13-吓唬电话
那是一个普通的周末上午,稍微阴沉的天,使得暑气消退了好多.刚吃过早饭,我懒懒的浏览着CSDN论坛上有趣的问题和答案. 突然电话响起.是一个陌生的号码.我像往常一样接起电话,""您好 ...
- J2SE基础:4.面向对象的特性一
面向对象的特性 封装 继承多态 封装: 定义: 通过对象的封装,实现了模块化和信息隐藏. 通过对类的成员施以一定的訪问权限,实现了类中成员 的信息隐藏 注意点: 对象自已该做的一些事情与方法不能交与其 ...
- 利用Sambaserver在Ubuntu系统和Win7系统间共享目录
1 介绍 如今是网络化的时代,我们每一个人要更好的发展.离不开网络化.信息化的支持.利用网络的支持.在不同的操作系统间共享文件等信息,是计算机专业学生必备的一项技能. 本文所讲的就是怎样建立.设置.链 ...
- 泛泰A870L/K/S第三版官方4.4.2原来的系统卡刷机包 (愿自己主动ROOT)
采用suky大神ota具,来自官方的拍摄OTA包裹,未做任何改动, 使用官方recovery,还是我的头发中国TWRP 2.7.1.1 for A870 (己主动ROOT. 自己主动ROOT完后就自己 ...
- win10无法新建文件夹怎么办 win10右键新建菜单设置方法
有朋友安装了win10系统后发现右键菜单中没有新建项,而平时使用新建 - 文件夹项的机率很高.如何才能恢复桌面右键菜单中的新建项呢? 右键点击桌面空白处,在右键菜单中发现没有新建项: 桌面右键菜单没有 ...
- WPF中的三维空间(1)
原文:WPF中的三维空间(1) WPF中可以创建三维几何图形,支持3D对象的应用,支持从3D Max等软件将3D文件obj导入设计中,但是目前还不支持将材质同时导入,这样需要在WPF中对3D对象重新设 ...
- 重新想象 Windows 8 Store Apps (29) - 图片处理
原文:重新想象 Windows 8 Store Apps (29) - 图片处理 [源码下载] 重新想象 Windows 8 Store Apps (29) - 图片处理 作者:webabcd介绍重新 ...
- CFileDialog
使用简单介绍
CFileDialog使用文件选择对话框:首先构造一个对象,并提供一个相应的参数,构造函数原型例如,下面的: CFileDialog::CFileDialog( BOOL bOpenFileDialo ...
- DataGridView绑定数据源
给DataGridView绑定数据源比較简单,方法主要有两种: 1.直接在控件属性中绑定数据源,这样的方法最简单,但它是直接连接数据库的,这样就和传DataTable的后果差点儿相同了,所以还是尽量避 ...