【转载请注明出处】
笔者:DrkCore (http://blog.csdn.net/DrkCore)
原文链接:(http://blog.csdn.net/drkcore/article/details/52664088)

竜人の剣を喰え

守望先锋作为当下最有火爆的射击游戏之一为我们带了一波网络用语的节奏,你要是不会一句 “溜金哇开呀酷裂” 都不好意思说自己玩过屁股。作为 Android 狗的笔者最近想写个 Loading 界面掌握一些新姿势,索性实现一下守望先锋游戏界面的加载图吧。

原版效果如下:

该截图具有治疗颈椎病的效果,所以请不要在意这5毛画质。最后实现的效果则如下图:

主要用到的都是自定义 View、ValueAnimator 等基本的 Android 知识,稍微花点时间都能实现出来的。

绘制守望先锋图标

从网络上找一张清晰度高一点的守望先锋 ICON 配合 PS 我们能够很容易地得到图标上的点和角度数据,之后只需要用 Canvas绘制出来即可:

private void initIcon() {//ICON半径iconRadius = dpToPx(DEFAULT_ICON_RADIUS_DP);iconWidth = iconRadius * (87 / 300F);iconGapWidth = iconRadius * (20 / 300F);//按比例算出图标内部图案的每个点的坐标iconCornerPoints = new float[10];iconCornerPoints[0] = iconRadius * ((300 - 71) / 300F);iconCornerPoints[1] = iconRadius * (450 / 300F);iconCornerPoints[2] = iconRadius * ((300 - 233) / 300F);iconCornerPoints[3] = iconRadius * (295 / 300F);iconCornerPoints[4] = iconRadius * ((300 - 287) / 300F);iconCornerPoints[5] = iconRadius * (165 / 300F);iconCornerPoints[6] = iconRadius * ((300 - 287) / 300F);iconCornerPoints[7] = iconRadius * (361 / 300F);iconCornerPoints[8] = iconRadius * ((300 - 136) / 300F);iconCornerPoints[9] = iconRadius * (505 / 300F);
}private Bitmap iconBmp;private void drawIcon(Canvas canvas) {float left = centerX - iconRadius;float top = centerY - iconRadius;float right = centerX + iconRadius;float bottom = centerY + iconRadius;iconRectF.set(left, top

Android:Loading 动画——竜人の剣を喰え相关推荐

  1. android Loading动画效果

    Android  Loading动画效果 现在项目不是很忙,所以想不能闲着,研究一下大神们是如何实现等待框中的动画显示的,之前看着效果那么帅,那么酷.比猫画虎的写了写代码. 首先在res文件夹下新建一 ...

  2. android 动画设计,Android loading动画设计分析

    Android loading动画设计分析 时间:2017-04-20     来源:Android开发学习网 android6.0上有了很炫酷的开机动画,实现原理是什么呢?今天我们就从Loading ...

  3. github上漂亮的android loading动画

    感谢大牛们的创造,个人认为目前最漂亮的loading动画应该都可以在这几个项目里面找到. 直接上干货: 1.https://github.com/81813780/AVLoadingIndicator ...

  4. android 星星流逝动画,Android Loading动画分析--续集

    上一篇写了DayNightLoading的代码流程及关键类,今天周末好好分析一下其中computeRender(float renderProgress)与draw(Canvas canvas, Re ...

  5. android 自定义loading,Android自定义动画-StarLoadingView

    今天来分享第二个自定义loading的动画,起了个名字叫 蹦跶的星星 ,还是老规矩先介绍,后上图. 实现效果在最后,GIF有点大,手机流量慎重. 介绍 首先声明做这个动画的初衷是为了学习和分享,所以从 ...

  6. android loading封装_我们经常用的Loading动画居然还有这种姿势

    背景 Loading动画几乎每个Android App中都有. 一般在需要用户等待的场景,显示一个Loading动画可以让用户知道App正在加载数据,而不是程序卡死,从而给用户较好的使用体验. 同样的 ...

  7. 游戏底特律:变人Loading动画效果实现

    1.需求描述 上周接到个好玩的任务,就是模仿游戏底特律人的loading动画效果,原始视频如下: 2.实现难点分析与概括: 由上面视频可以看出,此效果难点主要在缝隙的圆弧处理和缝隙的运动规律上.缝隙处 ...

  8. android录音波浪动画_Android实现炫酷的波浪下载Loading动画

    1. 简介和效果分析 一直都觉得有很多loading动画挺炫酷的,然后自己看过一些之后也想实现一个,加强一下对绘制view的练习,能力有限,很多地方的实现的有欠考虑和逻辑优化,不管怎么样画了两天还是把 ...

  9. Android 花里胡哨的加载Loading动画

    记录查找了一些实用的加载动画,真的是花里胡哨!!! 1. AVLoadingIndicatorView-master AVLoadingIndicatorView各种加载效果,适合做加载loading ...

最新文章

  1. oracle 时间减去一个月_一文看懂教孩子时间问题的进阶过程
  2. java基本数据类型线程_Java基本数据类型
  3. 以己之矛攻己之盾,腾讯做陌生人社交,意在抖音?
  4. 微擎css使用php变量,$_Wamp;全局变量
  5. 建立一个通讯录的结构记录,包括姓名、年龄、电话号码
  6. sendkeys.send 始终输出英文._PLC的三种输出方式,你知道有哪些吗?
  7. 4.MySQL基础操作
  8. document.documentElement和document.body的区别
  9. [包计划] create-react-app
  10. 关于Tapestry5中的配置项的说明
  11. 微信小程序防抖功能的实现
  12. 通过虚拟机安装Ubuntu系统到移动硬盘
  13. Git 工作常用命令行
  14. Linux设备驱动---OMAP3630 Linux I2C总线驱动分析(2)
  15. 必须要了解的物联网安全知识
  16. 复选框JCheckBox勾选改变内容
  17. 计算机常见故障任务书,CAK6132A数控车床常见故障诊断与处理任务书.doc
  18. oracle数据库报ora-01691错误--表空间容量溢出解决办法
  19. Flutter生成长截图并保存在本地
  20. Fatal error: Cannot declare class ComposerAutoloadComposerStaticInit,composer升级后报错

热门文章

  1. 画册印刷品应充分注重版面的设计
  2. UVAoJ --401
  3. C语言:求最大公约数-更相减损法(循环自定义函数的定义与调用)
  4. AS中类微信界面设计
  5. 查看spring官方文档
  6. IS-IS中间系统到中间系统
  7. GWAS分析中协变量的区分(性别?PCA?初生重?)
  8. 肠胃功能紊乱如何调理
  9. 论文笔记|Self-Supervised Test-Time Learning for Reading Comprehension
  10. python自动化爬取网易云歌词并制作词云图