Android属性动画与自定义控件画圆球移动

//布局部分
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.bwei.administrator.yuekao.activity.Main2Activity">

    <com.bwei.administrator.yuekao.CircleView
        android:id="@+id/DD"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

//写一个类就行
package com.bwei.administrator.yuekao;

import android.animation.Animator;
import android.animation.AnimatorSet;
import android.animation.TypeEvaluator;
import android.animation.ValueAnimator;
import android.content.Context;
import android.content.Intent;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.View;

/**
 * Created by dell-pc on 2017/10/25.
 */

public class CircleView extends View {

    /**
     * 定义画笔
     */
    private Paint paint;

    private Point currentPoint;

    public static final float RADIUS = 50f;

    public CircleView(Context context) {
        super(context);
    }

    public CircleView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        paint = new Paint();
    }

    public CircleView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    /**
     * 定义原点类
     */
    public class Point{
        private float x;
        private float y;
        public Point(float x,float y){
            this.x=x;
            this.y=y;
        }
        public float getX(){
            return x;
        }
        public float getY(){
            return y;
        }
    }

    /**
     * 在自定义模式里计算从开始到结束 原点的差值
     */
    class PointEvalustor implements TypeEvaluator {
        /**
         *   值 = 开始值 + 分段 * (结束值 - 开始值)
         * @param fraction  部分
         * @param startValue  开始值
         * @param endValue  结束值
         * @return  返回原点类对象
         */
        @Override
        public Object evaluate(float fraction, Object startValue, Object endValue) {
            Point startPoint= (Point) startValue;
            Point endPoint= (Point) endValue;

            float x=startPoint.getX()+fraction*(endPoint.getX()-startPoint.getX());
            float y=startPoint.getY()+fraction*(endPoint.getY()-startPoint.getY());

            return new Point(x,y);
        }
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if(currentPoint == null){
            currentPoint = new Point(RADIUS,RADIUS);
            canvas.drawCircle(currentPoint.getX(),currentPoint.getY(),RADIUS,paint);
            //设置动画效果的方法
            startAnim();
        }else{
            canvas.drawCircle(currentPoint.getX(),currentPoint.getY(),RADIUS,paint);
        }
    }

    /**
     * 设置动画效果的方法
     */
    private void startAnim() {
        Point startPoint = new Point(RADIUS,RADIUS);
        Point endPoint = new Point(getWidth()-RADIUS,getHeight()-RADIUS);
        ValueAnimator valueAnimator = ValueAnimator.ofObject(new PointEvalustor(), startPoint, endPoint);
        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator valueAnimator) {
                if(valueAnimator != null){
                    currentPoint = (Point) valueAnimator.getAnimatedValue();
                    invalidate();
                }
            }
        });
        AnimatorSet animatorSet = new AnimatorSet();
        animatorSet.play(valueAnimator);
        animatorSet.setDuration(5000);
        animatorSet.start();

        valueAnimator.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animator) {

            }

            @Override
            public void onAnimationEnd(Animator animator) {
                //动画结束后  跳转至下一页面
                getContext().startActivity(new Intent(getContext(), MainActivity.class));
            }

            @Override
            public void onAnimationCancel(Animator animator) {

            }

            @Override
            public void onAnimationRepeat(Animator animator) {

            }
        });

    }
}


如图效果:(不过这个代码出来的圆球的颜色是黑色,也没有变颜色,想要其它颜色可以自己手动设置)

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值