自定义view画圆加属性动画

来源：互联网发布：淘宝订单查询接口编辑：程序博客网时间：2024/06/05 04:44

自定义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画圆加属性动画。

阅读全文

0 0