如何使用SurfaceView实现鱼儿游动动画
时间:2019-04-14
本文章向大家介绍如何使用SurfaceView实现鱼儿游动动画,主要包括如何使用SurfaceView实现鱼儿游动动画使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
本文实例为大家分享了使用SurfaceView实现动画的具体代码,供大家参考,具体内容如下
与自定义view绘图进行对比:
1.view绘图没有双缓冲机制,而surfaceview有
2.view绘图更新时,要全部更新整张图片,而surfaceview可以更新部分区域
3.新线程无法直接更新view绘图,需要handler配合。
鱼儿游动的动画:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <com.example.liuyan.testbutfly.FishView android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout>
java代码:
public class FishView extends SurfaceView implements SurfaceHolder.Callback{ private SurfaceHolder holder; private UpdateViewThread updatethread; private boolean hasSurface; private Bitmap back; private Bitmap[] fishs; private int fishIndex = 0;//绘制第几张鱼 //鱼的初始位置 private float fishx = 778; private float fishy = 500; private float fishSpeed = 6; //鱼的游动速度 //鱼的游动角度 private int fishAngle = new Random().nextInt(60); Matrix matrix = new Matrix(); public FishView(Context context) { super(context); Log.i("mydate" , "开始"); //获取surfaceview的surfaceholder,并将该类的实例作为其callback holder = getHolder(); holder.addCallback(this);//以自身作为callback,回调方法 hasSurface = false; back = BitmapFactory.decodeResource(context.getResources() , R.drawable.fishbg);//背景 int[] id = new int[]{R.drawable.fish0 , R.drawable.fish1 , R.drawable.fish2 ,R.drawable.fish3 ,R.drawable.fish4 ,R.drawable.fish5 ,R.drawable.fish6 ,R.drawable.fish7 ,R.drawable.fish8, R.drawable.fish9}; fishs = new Bitmap[10]; //初始化 鱼游动的10张图 for (int i = 0 ; i < 10 ; i++){ try { fishs[i] = BitmapFactory.decodeResource(context.getResources() , id[i]); } catch (Exception e){ e.printStackTrace(); } } Log.i("mydate" , "结束"); } public FishView(Context context, AttributeSet attrs) { super(context, attrs); Log.i("mydate" , "开始"); //获取surfaceview的surfaceholder,并将该类的实例作为其callback holder = getHolder(); holder.addCallback(this);//以自身作为callback,回调方法 hasSurface = false; back = BitmapFactory.decodeResource(context.getResources() , R.drawable.fishbg);//背景 int[] id = new int[]{R.drawable.fish0 , R.drawable.fish1 , R.drawable.fish2 ,R.drawable.fish3 ,R.drawable.fish4 ,R.drawable.fish5 ,R.drawable.fish6 ,R.drawable.fish7 ,R.drawable.fish8, R.drawable.fish9}; fishs = new Bitmap[10]; //初始化 鱼游动的10张图 for (int i = 0 ; i < 10 ; i++){ try { // int fishId = (Integer) R.drawable.class.getField("fish" + i).get(null);//反射机制获取图片 // Log.i("mydate" , " "+ fishId); fishs[i] = BitmapFactory.decodeResource(context.getResources() , id[i]); } catch (Exception e){ e.printStackTrace(); } } Log.i("mydate" , "结束"); } public void resume(){ //创建和启动 图片更新线程 if (updatethread == null){ updatethread = new UpdateViewThread(); if (hasSurface == true){ updatethread.start(); } } } public void pause(){ //停止 图像更新线程 if (updatethread != null){ updatethread.requestExitAndWait(); updatethread = null; } } @Override public void surfaceCreated(SurfaceHolder holder) { //surfaceview被创建时回调该方法 hasSurface = true; resume(); //开启线程更新 } @Override public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {//surfaceview改变时回调该方法 if (updatethread != null){ updatethread.onWindowResize(width , height); } } @Override public void surfaceDestroyed(SurfaceHolder holder) {//surfaceview销毁时回调该方法 hasSurface = false; pause(); //停止线程更新 } class UpdateViewThread extends Thread{ //定义图像是否更新完成的标志 private boolean done; public UpdateViewThread() { super(); done = false; } @Override public void run() { SurfaceHolder surfaceholder = holder; //循环绘制,直到线程停止 while (!done){ Canvas canvas = surfaceholder.lockCanvas();//锁定surfaceview,准备绘制 //绘制背景 canvas.drawBitmap(back , 0 , 0 , null); //鱼游出屏幕外,重新初始化鱼的位置 if (fishx < 0 ){ fishx = 778; fishy = 500; fishAngle = new Random().nextInt(60); } if (fishy < 0){ fishx = 778; fishy = 500; fishAngle = new Random().nextInt(60); } //用matrix控制鱼的旋转角度和位置 matrix.reset(); matrix.setRotate(fishAngle);//下面的位置计算看图片的解释如下: matrix.postTranslate(fishx -= fishSpeed * Math.cos(Math.toRadians(fishAngle)) , fishy -= fishSpeed * Math.sin(Math.toRadians(fishAngle))); canvas.drawBitmap(fishs[fishIndex++%fishs.length] , matrix , null); surfaceholder.unlockCanvasAndPost(canvas);//解锁canvas,渲染绘制图像 try { Thread.sleep(60); } catch (Exception e){ e.printStackTrace(); } } } public void requestExitAndWait() { //将绘制线程 标记为完成 ,并合并到主线程中 done = true; try { join(); } catch (Exception e){ e.printStackTrace(); } } public void onWindowResize(int width, int height) { //处理surfaceview的大小改变事件 } } }
位置计算图片解释如下:
Math.toRadians(fishAngle)
先理解这句代码的意思:将0-360的角度制角度转化为pi弧度制角度
鱼儿不停的游动,坐标改变其实就是:
当前的x坐标 - 速度*cos角度 , 当前的y坐标 - 速度*sin角度
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
- JavaScript的IIFE(即时执行方法)
- 从机器学习学python(三) ——数组冒号取值与extend
- 从机器学习学python(四) ——numpy矩阵基础
- 从map函数引发的讨论
- AngularJs中,如何在render完成之后,执行Js脚本
- PHP取得上周一、上周日,下周一
- 代码诊所
- 《编程之美》读书笔记(一)——中国象棋将帅有效位置
- 有趣的Code Poster
- div 自适应高度 自动填充剩余高度
- PHP开发人员常犯的10个MysqL错误
- android AutoCompleteTextView 自定义BaseAdapter
- Scala中的偏函数
- 当函数成为一等公民时,设计模式的变化
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法