先看下效果图:
原理:
绳子设置:
bitmapShader=new BitmapShader(shengzi, Shader.TileMode.REPEAT,Shader.TileMode.REPEAT); paint.setShader(bitmapShader);
画绳子:
path.moveTo(x1, y1); path.quadTo(x2, y2, x3, y3); canvas.drawPath(path, paint);画火箭:
Matrix matrix=new Matrix(); matrix.postScale(1, 1); matrix.postRotate(jiaodu); matrix.postTranslate(bitmapX, bitmapY); canvas.drawBitmap(bit,matrix,paint);动画:
Path path2=new Path(); path2.moveTo(x, y); path2.lineTo(x1, y1); final PathMeasure pathMeasure=new PathMeasure(path2,false); animator= ValueAnimator.ofFloat(0, pathMeasure.getLength()); //设置匀速 animator.setInterpolator(new LinearInterpolator()); animator.setDuration(800); animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { @Override public void onAnimationUpdate(ValueAnimator animation) { float[] ss = new float[2]; float animatedValue = (float) animation.getAnimatedValue(); boolean posTan = pathMeasure.getPosTan(animatedValue, ss, null); if (posTan) { bitmapX = ss[0] - bit.getWidth() / 2; bitmapY = ss[1] - bit.getHeight() / 2; invalidate(); } } }); animator.addListener(new Animator.AnimatorListener() { @Override public void onAnimationStart(Animator animation) { is_OK=false; } @Override public void onAnimationEnd(Animator animation) { is_OK=true; } @Override public void onAnimationCancel(Animator animation) { } @Override public void onAnimationRepeat(Animator animation) { } }); animator.start();动画这里先确定火箭起点和终点再根据动画实时的得出坐标点,再把火箭画上去
画贝塞尔曲线:这里借鉴了别人的做法把t取一半(虽然这样做有误差,但是还在可以忍受的范围内,精确计算我也不会) 从而根据起始点,终点,t算出控制点坐标。
其它的就是计算了,onTouchEvent
在这个方法里面根据按下 移动 松手 这三个状态 得到坐标,再计算一番 重新画。
源码地址:http://download.csdn.net/detail/hunanqi/9614076