相信很多人都听说过贝塞尔曲线，但是作为Android程序员的我们可能也没有具体的使用过贝塞尔曲线！好吧！是我之前没用过.......
关于贝塞尔曲线的介绍我就不多罗嗦了晚上有很多的文章，这里我给出一篇供大家参考：
/cdnight/article/details/48468653
这里给出一个github的开源库，大家可以看看贝塞尔曲线的效果：
/venshine/BezierMaker
挺好玩的，总的来说贝塞尔曲线最低为2阶且理论上无上限。
本篇文章通过一个简单的例子，来初步探索一下贝塞尔曲线，废话不多说我们开始。
献上效果图：
1.gif
是不是挺有意思的呢？
实现思路：
1、画一条路径
通过Path工具类
2、获取手指移动的点的坐标，并将该点作为贝塞尔曲线的控制点
重写onTouchEvent()方法
3、实现回弹动画
自定义一个Animtion，当然也可以不自定义
具体代码实现
设置画笔：
private void init() {
pointA = new Point(100, 300);
pointB = new Point(500, 300);
pointCenter = new Point(200, 300);
mPaint = new Paint();
mPaint.setColor(Color.BLACK);
mPaint.setStrokeWidth(10);
mPaint.setStyle(Paint.Style.STROKE);
mPaint.setAntiAlias(true);
}
画路径：
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
bezierPath.reset();
bezierPath.moveTo(pointA.x, pointA.y);
//quadTo方法用于画贝塞尔曲线
bezierPath.quadTo(pointCenter.x, pointCenter.y, pointB.x, pointB.y);
//闭合path
// bezierPath.close();
canvas.drawPath(bezierPath, mPaint);
}
这里要注意的是path的quadTo(int cx，int cy，int px，int py)方法，这个方法就是用于画贝塞尔曲线的。参数cx、cy分别表示控制点的x、y坐标，px、py分别表示结束点的x、y坐标。要注意rQuadTo()方法的区别
重写onTouchEvent方法：
@Override
public boolean onTouchEvent(MotionEvent event) {
int action = event.getAction();
int x = 0;
int y = 0;
switch (action) {
case MotionEvent.ACTION_DOWN: {
}
case MotionEvent.ACTION_MOVE: {
x = (int) event.getX();
y = (int) event.getY();
pointCenter.set(x, y);
}
break;
case MotionEvent.ACTION_UP: {
x = (int) event.getX();
y = (int) event.getY();
startCallbackAnim(x, y);
}
break;
}
invalidate();
return true;
}
最后写一个动画：
private void startCallbackAnim(int x, int y) {
ResetAnimation animation = new ResetAnimation(x, y);
animation.setDuration(300);
this.startAnimation(animation);
}
/**
* 自定义一个会弹动画
*/
class ResetAnimation extends Animation {
int orginX;
int orginY;
public ResetAnimation(int x, int y) {
orginX = x;
orginY = y;
}
/**
* 这个方法是为一个自定义动画需要重写的方法
*
* @param interpolatedTime 动画时间0~1.0
* @param t
*/
@Override
protected void applyTransformation(float interpolatedTime, Transformation t) {
int newX = (int) ((orginX - 200) * (1 - interpolatedTime) + 200);
int newY = (int) ((orginY - 300) * (1 - interpolatedTime) + 300);
pointCenter.set(newX, newY);
invalidate();
super.applyTransformation(interpolatedTime, t);
}
}
代码很简单大家可以自己去实现以下！
