Canvas加动画，实现火柴人跳绳效果，附Android面经

• 和quadTo相同，只不过这里是使用的是相对坐标。
  */
  public void rQuadTo(float dx1, floa

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》

【docs.qq.com/doc/DSkNLaERkbnFoS0ZF】 完整资料开源分享

t dy1, float dx2, float dy2)

bitmap绘制

1、获取图片的bitmap

private val jumpBitmap1 = BitmapFactory.decodeResource(context.resources, R.drawable.jump_1)

2、将bitmap绘制在画布上

/**

• @param bitmap The bitmap to be drawn
• @param src May be null. The subset of the bitmap to be drawn
• @param dst The rectangle that the bitmap will be scaled/translated to fit into
• @param paint May be null. The paint used to draw the bitmap
  */
  public void drawBitmap(@NonNull Bitmap bitmap, @Nullable Rect src, @NonNull Rect dst,
  @Nullable Paint paint) {
  super.drawBitmap(bitmap, src, dst, paint);
  }

其中 Rect src是图片的子域，通过设置src的大小可以截取图片的部分区域，dst指图片在画布上面的位置，一般情况下不裁剪图片的话，设置src为null就可以了。

实现

1、跳绳实现

如上图，path的起点和中点在屏幕的中点两边，中点的点是控制贝塞尔曲线的点，这个点上下动就可以控制绘制出一条跳绳。要注意ValueAnimator.ofInt(0, b.bottom / 2, b.bottom, b.bottom / 2, 0)的值是从0到.bottom / 2，再到bottom，在到bottom / 2，最后回到0的，如果不是这样直接从（0-》bottom）的话，贝塞尔曲线的运动轨迹就不是连续的。

2、跳动的火柴人

跳动的火柴人由两种状态，由动画的值确定，根据动画的值来改变火柴人的位置，火柴人初始位置是在画布的正中间，根据动画的值，改变上下位置，同时更改bitmap。

代码

定义PathDrawable继承Drawable并且实现AnimatorUpdateListener接口

internal class PathDrawable(context: Context) : Drawable(),
AnimatorUpdateListener

定义动画，

mAnimator = ValueAnimator.ofInt(0, b.bottom / 2, b.bottom, b.bottom / 2, 0)

更新贝塞尔曲线和火柴人

override fun onAnimationUpdate(animator: ValueAnimator) {
Log.d(TAG, “onAnimationUpdate animator${animator.animatedValue}”)
mPath.reset()
val b: Rect = bounds
mPath.moveTo(b.left.toFloat(), b.bottom.toFloat() / 2)
mPath.quadTo(
((b.right - b.left) / 2).toFloat(),
(animator.animatedValue as Int).toFloat(), b.right.toFloat(), b.bottom.toFloat() / 2
)
++count
if (count % 24 == 0) {

currentBitmap = if (animator.animatedValue as Int > b.bottom / 2) {
jumpBitmap1
} else {
jumpBitmap3
}
count = 0
}
destinationRect.set(
b.left + (halfW(b) - imageW() / 2).toInt(),
b.top + (halfH(b) - imageH() / 2).toInt() + (animator.animatedValue as Int)/8,
b.left + (halfW(b) + imageW() / 2).toInt(),
b.top + (halfH(b) + imageH() / 2).toInt() + (animator.animatedValue as Int)/8
)
invalidateSelf()
}

最后

下面是有几位Android行业大佬对应上方技术点整理的一些进阶资料。希望能够帮助到大家提升技术

高级UI，自定义View

UI这块知识是现今使用者最多的。当年火爆一时的Android入门培训，学会这小块知识就能随便找到不错的工作了。

不过很显然现在远远不够了，拒绝无休止的CV,亲自去项目实战，读源码，研究原理吧！

会这小块知识就能随便找到不错的工作了。

不过很显然现在远远不够了，拒绝无休止的CV,亲自去项目实战，读源码，研究原理吧！

[外链图片转存中…(img-eT4BHIIs-1640765711884)]

本文已被CODING开源项目：《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录

标签：src,Canvas,bottom,面经,toFloat,bitmap,Android,animator
来源： https://blog.csdn.net/m0_65689954/article/details/122218547