博主以前写过属性动画,这里由于近期看到不错的文章有了新的体会,这里加上实例大概再讲一下喽。
这里也做一个具有回弹效果的弹力球吧^_^
参考博文
大致思路:
1.由于要对一个圆做动画,这里我们建一个带有半径的圆Piont的bean类。
public class Point {
private int radius;
public Point(int radius){
this.radius = radius;
}
public int getRadius() {
return radius;
}
public void setRadius(int radius) {
this.radius = radius;
}
}
2.创建一个自定义的view:
public class MyPointView extends View {
private Point mCurPoint;
public MyPointView(Context context) {
super(context);
}
public MyPointView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public MyPointView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@TargetApi(Build.VERSION_CODES.LOLLIPOP)
public MyPointView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
super(context, attrs, defStyleAttr, defStyleRes);
}
@Override
protected void onDraw(Canvas canvas) {//重写onDraw方法
super.onDraw(canvas);
if (mCurPoint != null){//当当前Point有对象时,取半径画圆
Paint paint = new Paint();
paint.setAntiAlias(true);
paint.setColor(Color.GREEN);
paint.setStyle(Paint.Style.FILL);
canvas.drawCircle(300,300,mCurPoint.getRadius(),paint);
}
}
/**
* 设置view的动画效果
*/
public void doPointAnim(){
ValueAnimator animator = ValueAnimator.ofObject(new PointEvaluator(),new Point(20),new Point(200));//需要自己写PointEvaluator(重点)
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {//监听当前状态
@Override
public void onAnimationUpdate(ValueAnimator animation) {
mCurPoint = (Point)animation.getAnimatedValue();
invalidate();//强制刷新界面
}
});
animator.setDuration(1000);
animator.setInterpolator(new BounceInterpolator());//回弹插值器,以弹动的效果做出动画
animator.start();
}
}
3.创建PointEvaluator。
在构造ofObject中,我们也可以知道,初始值和动画中间值的类型都是Point类型,所以PointEvaluator输入的返回类型都应该是Point类型的,先看看PointEvaluator的完整代码:
实现TypeEvaluator接口,对于ofObject的使用是很重要的部分,它用来返回不同的动画进度下的状态**
public class PointEvaluator implements TypeEvaluator<Point> {
@Override
public Point evaluate(float fraction, Point startValue, Point endValue) {//圆是通过半径来画的
int start = startValue.getRadius();
int end = endValue.getRadius();
int curValue = (int) (start + fraction * (end - start));//通过fraction动画进度计算当前进度下的圆的半径
return new Point(curValue);//返回Point对象
}
}
4.在MainActivity中使用’
public class MainActivity extends Activity {
private Button btnStart;
private MyPointView mPointView;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
btnStart = (Button) findViewById(R.id.btn);
mPointView = (MyPointView)findViewById(R.id.myView);
btnStart.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
mPointView.doPointAnim();
}
});
}
}
代码已经上传到博主的资源喽资源