Android自定义View图像扭曲效果

图像点击就能变形的控件效果，体验过没？自定义 View 的扭曲算法做得挺巧妙，视觉反馈也有，动画跟手又顺滑。主要是点哪里就能扭曲哪里，适合玩些创意交互，或者搞点滤镜特效什么的。

点击触发的图像扭曲，其实背后用的是像双线性插值那种老技术，逻辑并不复杂。你点一下，它就拿当前位置算一圈像素的新坐标，再重新绘制出来。位置算得对，变形就自然。

触摸事件也蛮细，估计是重写了onTouchEvent，结合invalidate()刷帧做的。用惯了 Android 的朋友应该不陌生，一套下来响应也快，代码也清晰。

画面上还加了个红色圆圈做反馈，看起来像是Canvas.drawCircle()动态绘制的，加点ObjectAnimator动画就有呼吸感了。iOS 那边就自己用UIViewPropertyAnimator搞定，流程也差不多。

源码也打包好了，文件里像NQBXImage这样的类应该就是主力，逻辑和算法全藏里面了。拿来拆解下挺值的，尤其你想做点交互滤镜或者教学效果，这种做法适合参考。

如果你对自定义控件还不太熟，可以先看看自定义控件事件这篇文章；想扩展到其它平台也可以参考下QML 自定义菜单。

代码还蛮友好，适合想搞点交互动画的前端或客户端同学玩玩。如果你正在做教育类 APP、滤镜插件或者游戏互动，不妨拆一下思路。