自定义view画圆加属性动画(从左上角到右下角):
先看自定义view画的圆:
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.View;
public class ViewYuan extends View{
private Context context;
private int rimWitdth=10;//宽
public ViewYuan(Context context) {
super(context);
}
public ViewYuan(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
this.context=context;
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
Paint rimPrint=new Paint();//画笔
RectF rectF=new RectF(5,5,50,50);//
rimPrint.setAntiAlias(true);
// rimPrint.setStyle(Paint.Style.STROKE);//空心圆
rimPrint.setStyle(Paint.Style.FILL);//实心圆
rimPrint.setStrokeWidth(rimWitdth);
rimPrint.setColor(Color.RED);//圆的颜色
canvas.drawArc(rectF,360,360,false,rimPrint);
}
}
再来看动画的效果,先从xml,我们要将自定义的圆放到xml中:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<code.xp.okhttputils.yuan.ViewYuan
android:id="@+id/view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
</LinearLayout>
再看代码:
import android.animation.TypeEvaluator;
import android.animation.ValueAnimator;
import android.graphics.PointF;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.animation.LinearInterpolator;
import code.xp.okhttputils.R;
import code.xp.okhttputils.yuan.ViewYuan;
public class QidongyeActivity extends AppCompatActivity {
private ViewYuan view;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_qidongye);
//初始化控件
initView();
//初始化数据
initData();
}
/**
* 获取数据
*/
private void initData() {
final ValueAnimator animator=new ValueAnimator();
animator.setDuration(3000);
animator.setObjectValues(new PointF(1,1));
animator.setInterpolator(new LinearInterpolator());
animator.setEvaluator(new TypeEvaluator() {
@Override
public Object evaluate(float v, Object o, Object t1) {
PointF point=new PointF();
point.x=200*v*3;
point.y=0.56f*200*(v*3)*(v*3);
return point;
}
});
animator.start();
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator valueAnimator) {
PointF point= (PointF) animator.getAnimatedValue();
view.setX(point.x);
view.setY(point.y);
}
});
}
/**
* 获取控件
*/
private void initView(){
view= (ViewYuan) findViewById(R.id.view);
}
}
这就好了,自定义view画圆加属性动画。