paintBack.shader = LinearGradient( measuredWidth / 3f, 0f, measuredWidth * 2 / 3f, measuredHeight.toFloat(), Color.WHITE, Color.parseColor("#000055"), Shader.TileMode.CLAMP )
canvas.drawRect(background, paintBack)
效果大概这个样子
绘制鲸鱼
咳咳,鲸鱼这个东西我在百度上面找了一张图片
而后使用 ps 抠出了其中最漂亮的大蓝鲸,并且使用 ps 液化工具对蓝鲸的尾巴进行了处理,目的就是让蓝鲸在运动的过程中尾巴不停的摆动从而实现游泳的效果
代码:
private val bitmaps = listOf( BitmapFactory.decodeResource(context.resources, R.drawable.bluefish1), BitmapFactory.decodeResource(context.resources, R.drawable.bluefish2), BitmapFactory.decodeResource(context.resources, R.drawable.bluefish3), BitmapFactory.decodeResource(context.resources, R.drawable.bluefish4), BitmapFactory.decodeResource(context.resources, R.drawable.bluefish3), BitmapFactory.decodeResource(context.resources, R.drawable.bluefish2), BitmapFactory.decodeResource(context.resources, R.drawable.bluefish1), )
canvas.run { drawBitmap(bitmaps[bitmapIndex % bitmaps.size], 100f, 100f, paint) bitmapIndex++ drawFishWithPath() }
实现效果:
虎鲸光能摆动尾巴还是不够的,我们还应有让他能做游泳的动作,最好能按照我们指定的路径来运动是最好的了
定义路径的核心代码
fishPath.moveTo(100f, 100f) for (i in 0..20) { fishPath.apply { cubicTo(randowX(), randowY(), randowX(), randowY(), randowX(), randowY()) } } fishPath.close()
画出路径效果
这里是有问题的,因为路径转向的时候有很多锐角,可想而知这样是不行的,虎鲸宝宝也不会这么游泳的对吧,这个后续再优化,目前重要的是实现效果
让鱼沿着路径动起来
这里要借助PathMeasure工具了
dstPath.reset() var stop = start+100f pathMeasure.getSegment(start, stop, dstPath, true) val matrix = Matrix() pathMeasure.getMatrix(stop, matrix, (PathMeasure.POSITION_MATRIX_FLAG.or(PathMeasure.TANGENT_MATRIX_FLAG))) val bitmap = bitmaps[bitmapIndex % bitmaps.size] matrix.preTranslate(-bitmap.width / 2f, -bitmap.height / 2f) canvas.drawBitmap(bitmap, matrix, paint)
总结
最后小编想说:不论以后选择什么方向发展,目前重要的是把Android方面的技术学好,毕竟其实对于程序员来说,要学习的知识内容、技术有太多太多,要想不被环境淘汰就只有不断提升自己,从来都是我们去适应环境,而不是环境来适应我们!
这里附上我整理的几十套腾讯、字节跳动,京东,小米,头条、阿里、美团等公司19年的Android面试题。把技术点整理成了视频和PDF(实际上比预期多花了不少精力),包含知识脉络 + 诸多细节。
由于篇幅有限,这里以图片的形式给大家展示一小部分。
详细整理在GitHub可以见;
网上学习 Android的资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。
技术进阶之路很漫长,一起共勉吧~