Android百日程序:绘画程序-画手指路径
本程序实现在一个画布中,用手指画图的效果。
需要使用的知识:
1 Canvas 画布,动态保存更新当前画面
2 Path 记录并画出手接触屏幕经过的路径
如下面效果图:
只需要按照默认设置新建一个项目,然后在输入java代码:
package com.example.sugestures;import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.os.Bundle;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;public class MainActivity extends Activity {DrawingView dv;private Paint mPaint;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);dv = new DrawingView(this);dv.setOnTouchListener(new OnTouchListener() {@Overridepublic boolean onTouch(View arg0, MotionEvent arg1) {// TODO Auto-generated method stubreturn false;}});setContentView(dv);mPaint = new Paint();mPaint.setAntiAlias(true);mPaint.setDither(true);mPaint.setColor(Color.GREEN);mPaint.setStyle(Paint.Style.STROKE);mPaint.setStrokeJoin(Paint.Join.ROUND);mPaint.setStrokeCap(Paint.Cap.ROUND);mPaint.setStrokeWidth(12);Log.d("onCreate", "onCreateActivityMain=========================");}public class DrawingView extends View {public int width;public int height;private Bitmap mBitmap;private Canvas mCanvas;private Path mPath;private Paint mBitmapPaint;Context context;private Paint circlePaint;private Path circlePath;public DrawingView(Context c) {super(c);context = c;mPath = new Path();mBitmapPaint = new Paint(Paint.DITHER_FLAG);mBitmapPaint.setColor(Color.BLUE);circlePaint = new Paint();circlePath = new Path();circlePaint.setAntiAlias(true);circlePaint.setColor(Color.RED);circlePaint.setStyle(Paint.Style.STROKE);circlePaint.setStrokeJoin(Paint.Join.MITER);circlePaint.setStrokeWidth(4f);Log.d("DrawingView", "DrawingView=========================");}@Overrideprotected void onSizeChanged(int w, int h, int oldw, int oldh) {super.onSizeChanged(w, h, oldw, oldh);mBitmap = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);mCanvas = new Canvas(mBitmap);Log.d("OnSizeChanged", "OnSizeChanged=========================");}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);canvas.drawBitmap(mBitmap, 0, 0, mBitmapPaint);canvas.drawPath(mPath, mPaint);canvas.drawPath(circlePath, circlePaint);Log.d("onDraw", "onDraw================================");}private float mX, mY;private static final float TOUCH_TOLERANCE = 4;private void touch_start(float x, float y) {mPath.reset();mPath.moveTo(x, y);mX = x;mY = y;}private void touch_move(float x, float y) {float dx = Math.abs(x - mX);float dy = Math.abs(y - mY);if (dx >= TOUCH_TOLERANCE || dy >= TOUCH_TOLERANCE) {mPath.quadTo(mX, mY, (x + mX) / 2, (y + mY) / 2);//mPath.quadTo(mX, mY, x, y);mX = x;mY = y;circlePath.reset();circlePath.addCircle(mX, mY, 30, Path.Direction.CW);}}private void touch_up() {mPath.lineTo(mX, mY);circlePath.reset();// commit the path to our offscreenmCanvas.drawPath(mPath, mPaint);// kill this so we don't double drawmPath.reset();}@Overridepublic boolean onTouchEvent(MotionEvent event) {float x = event.getX();float y = event.getY();switch (event.getAction()) {case MotionEvent.ACTION_DOWN:touch_start(x, y);invalidate();break;case MotionEvent.ACTION_MOVE:touch_move(x, y);invalidate();break;case MotionEvent.ACTION_UP:touch_up();invalidate();break;}return true;}}
}
主要知识点:
DrawingView类是扩展了View类的,这样可以重载其中的onTouchEvent函数,然后跟踪当前的Touch事件,这里主要是三个事件:
1 ACTION_DOWN:点击开始
2 ACTION_MOVE:点击屏幕之后,移动事件
3 ACTION_UP: 松开点击事件
分别使用touch_start, touch_move和touch_up三个函数处理这三个事件
主要是Path.quadTo这个函数画手指经过的路径,这里是使用二次方程的贝塞尔曲线画路径的。而使用lineTo就是直接画直线了。故此使用quadTo效果会更好点。而moveTo就是设置开始点了,这就是为什么touch_start使用的是moveTo。
这里为了优化,增加了一个TOUCH_TOLERANCE,只有移动超过这个值才会更新路径,其实可以不做这个判断的。
Path.reset()是清除路径作用;
新建Canvas的时候传入一个Bitmap对象,是让Canvas使用这个Bitmap保存临时数据,可以在invalid的时候重新绘制这个Bitmap画面,如果没有Bitmap,画的路径会马上消失的。
使用Lod.d()记录一下各个函数的调用情况,可以得知在程序启动的时候,onResize是在onDraw之前调用的。画图的时候onDraw调用十分频繁,需要不断更新Path路径的。
和使用MFC等框架做的画图程序,其实没什么两样,其中的逻辑思路基本一样的。
最后不要忙了使用Canvas的drawPath函数把当前绘制的路径加到Bitmap中,否则也无法把当前路径临时保存。
参考:http://stackoverflow.com/questions/16650419/draw-in-canvas-by-finger-android
这是最简单的一个画图程序了,却是很多程序,尤其是游戏程序的基础,还有很多其他功能以后慢慢加上去。
Android百日程序:绘画程序-画手指路径相关推荐
- Android应用apk的程序签名详解
http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2012/1009/423.html 编辑推荐:稀土掘金,这是一个高质量的技术干货分享社区, ...
- Android 拉起小程序页面进行传值
公司在做弄这一块顺便就贴出来 1.第一步要知道 AppId,小程序原始 ID,第二步要在微信开发平台进行绑定APP 2.直接贴代码 String appId = Contants.WE ...
- Android之获取应用程序(包)的大小-----PackageManager的使用(二)
http://blog.csdn.net/qinjuning/article/details/6892054 通过第一部分 << Android中获取应用程序(包)的信息-----Pack ...
- qt 编译成apk_GitHub - qtxtz/AndroidMerageAPK: 实现android自动打包的程序
AndroidMerageAPK 实现android自动打包的程序 行业背景 从事了三年手游运营平台的相关工作,从最开始不知道如何做一个sdk 到后来的几乎覆盖国内90%渠道的sdk,完成这些工作的同 ...
- Android 仿微信小程序开屏页加载loading
Android 仿微信小程序开屏页加载loading 废话不多说,先上效果图~ 首先就是底层有一个灰色的圆,然后按照圆形的轨迹进行绘制. 啊~说那么多也没用,还是直接上代码吧,哈哈哈哈 绘制底部圆形及 ...
- Android从启动到程序运行发生的事情
本文转载自:杂谈--Android从启动到程序运行发生的事情 前言 好久没有写博客了,瞬间感觉好多学了的东西不进行一个自我的总结与消化总归变不成自己的.通过博客可能还可以找到一些当初在学习的时候没有想 ...
- android 多界面开发,安卓开发教程(Android多界面应用程序开发)
安卓开发教程(Android多界面应用程序开发) 开篇 本文阅读需10分钟,简单易上手,属于安卓开发教程的基础部分. 建议精读,深刻理解大意.多做实践.多写代码. 本文章由做全栈攻城狮原创首发. 同名 ...
- Android开机自启动C程序调试
Android开机自启动C程序调试 本次记录是关于如何在rk3566的Android11版本下将led时钟显示添加成开机自启动的C程序. 首先,当然是在sdk中会被执行到的.rc文件中将我们所需要执行 ...
- 微信小程序实现一个复杂的路径动画
微信小程序实现一个复杂的路径动画 前言 效果预览 页面代码 结论 前言 微信小程序不支持svg动画,如今css3发展的越来越快,虽然没有svg的接口那么丰富,但使用起来比较容易上手,下面借助两个工具实 ...
最新文章
- Spark Shuffle原理解析
- FFmpeg中RTSP客户端拉流测试代码
- Windows Server 2008R2使用web方式修改域账户密码
- 冒险岛公益服发布网_溧阳单面布来款定制,儿童冲锋衣厂家-大圣服装批发定制网...
- js除法与C语言除法,JS算术运算符及用法
- 长春师范大学 于繁华现任计算机学院工程学院院长,硕士生导师--姚亦飞
- pythonmysql查询转list_python 数据库查询结果转对象
- js浏览器回到顶部方法_基于JS实现回到页面顶部的五种写法(从实现到增强)
- 不再需要词典了,现在,AI通过无监督学习学会了双语翻译
- Tomcat详解(一)——tomcat基础知识
- talk record
- java数组排序方法
- 使用 Golang 实现简易的令牌桶算法
- 批量将多个 PDF 文件合并成一个独立的 PDF 文件
- vscode使用angular
- 惊!Go里面居然有这样精妙的小函数!
- FOR 循环 珠峰折纸
- Nginx 301重定向域名
- 数独 ( 二 ) ——生成数独终局
- 俄勒冈大学计算机科学专业,俄勒冈大学计算机