热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

如何使用SurfaceView实现鱼儿游动动画

这篇文章主要教大家如何使用SurfaceView实现鱼儿游动动画,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了使用SurfaceView实现动画的具体代码,供大家参考,具体内容如下

与自定义view绘图进行对比:

1.view绘图没有双缓冲机制,而surfaceview有

2.view绘图更新时,要全部更新整张图片,而surfaceview可以更新部分区域

3.新线程无法直接更新view绘图,需要handler配合。

鱼儿游动的动画:

<&#63;xml version="1.0" encoding="utf-8"&#63;> 
 
  
 

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角度

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


推荐阅读
  • Android LED 数字字体的应用与实现
    本文介绍了一种适用于 Android 应用的 LED 数字字体(digital font),并详细描述了其在 UI 设计中的应用场景及其实现方法。这种字体常用于视频、广告倒计时等场景,能够增强视觉效果。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • 本文总结了2018年的关键成就,包括职业变动、购车、考取驾照等重要事件,并分享了读书、工作、家庭和朋友方面的感悟。同时,展望2019年,制定了健康、软实力提升和技术学习的具体目标。 ... [详细]
  • 在计算机技术的学习道路上,51CTO学院以其专业性和专注度给我留下了深刻印象。从2012年接触计算机到2014年开始系统学习网络技术和安全领域,51CTO学院始终是我信赖的学习平台。 ... [详细]
  • CSS 布局:液态三栏混合宽度布局
    本文介绍了如何使用 CSS 实现液态的三栏布局,其中各栏具有不同的宽度设置。通过调整容器和内容区域的属性,可以实现灵活且响应式的网页设计。 ... [详细]
  • Linux 系统启动故障排除指南:MBR 和 GRUB 问题
    本文详细介绍了 Linux 系统启动过程中常见的 MBR 扇区和 GRUB 引导程序故障及其解决方案,涵盖从备份、模拟故障到恢复的具体步骤。 ... [详细]
  • 本文介绍了如何使用jQuery根据元素的类型(如复选框)和标签名(如段落)来获取DOM对象。这有助于更高效地操作网页中的特定元素。 ... [详细]
  • 本文将详细介绍如何使用剪映应用中的镜像功能,帮助用户轻松实现视频的镜像效果。通过简单的步骤,您可以快速掌握这一实用技巧。 ... [详细]
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 本文介绍如何在 Xcode 中使用快捷键和菜单命令对多行代码进行缩进,包括右缩进和左缩进的具体操作方法。 ... [详细]
  • 本文介绍了一款用于自动化部署 Linux 服务的 Bash 脚本。该脚本不仅涵盖了基本的文件复制和目录创建,还处理了系统服务的配置和启动,确保在多种 Linux 发行版上都能顺利运行。 ... [详细]
  • 在Linux系统中配置并启动ActiveMQ
    本文详细介绍了如何在Linux环境中安装和配置ActiveMQ,包括端口开放及防火墙设置。通过本文,您可以掌握完整的ActiveMQ部署流程,确保其在网络环境中正常运行。 ... [详细]
  • Android 渐变圆环加载控件实现
    本文介绍了如何在 Android 中创建一个自定义的渐变圆环加载控件,该控件已在多个知名应用中使用。我们将详细探讨其工作原理和实现方法。 ... [详细]
  • 如何在WPS Office for Mac中调整Word文档的文字排列方向
    本文将详细介绍如何使用最新版WPS Office for Mac调整Word文档中的文字排列方向。通过这些步骤,用户可以轻松更改文本的水平或垂直排列方式,以满足不同的排版需求。 ... [详细]
  • 本文总结了在使用Ionic 5进行Android平台APK打包时遇到的问题,特别是针对QRScanner插件的改造。通过详细分析和提供具体的解决方法,帮助开发者顺利打包并优化应用性能。 ... [详细]
author-avatar
mobiledu2502863997
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有