Android 基于图像的椭圆路径动画

我正在尝试实现椭圆路径动画，我想用图像显示路径动画，我试过了，但它不适用于椭圆。我也尝试了下面的椭圆路径代码，但它是显示圆，有人有主意吗？提前感谢

MyAnimation.java

public class MyAnimation extends Animation {

    private View view;
    private float cx, cy;           // center x,y position of circular path
    private float prevX, prevY;     // previous x,y position of image during animation
    private float r;                // radius of circle
    private float prevDx, prevDy;


    /**
     * @param view - View that will be animated
     * @param r - radius of circular path
     */
    public MyAnimation(View view, float r){
        this.view = view;
        this.r = r;
    }

    @Override
    public boolean willChangeBounds() {
        return true;
    }

    @Override
    public void initialize(int width, int height, int parentWidth, int parentHeight) {
        // calculate position of image center
        int cxImage = width / 2;
        int cyImage = height / 1;
        cx = view.getLeft() + cxImage;
        cy = view.getTop() + cyImage;

        // set previous position to center
        prevX = cx;
        prevY = cy;
    }

    @Override
    protected void applyTransformation(float interpolatedTime, Transformation t) {
        if(interpolatedTime == 0){
            t.getMatrix().setTranslate(prevDx, prevDy);
            return;
        }

        float angleDeg = (interpolatedTime * 360f + 90) % 360;
        float angleRad = (float) Math.toRadians(angleDeg);

        // r = radius, cx and cy = center point, a = angle (radians)
        float x = (float) (cx + r * Math.cos(angleRad));
        float y = (float) (cy + r * Math.sin(angleRad));


        float dx = prevX - x;
        float dy = prevY - y;

        prevX = x;
        prevY = y;

        prevDx = dx;
        prevDy = dy;


        t.getMatrix().setTranslate(dx, dy);
    }
}

image = (ImageView) findViewById(R.id.image);

        image.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Animation anim = new MyAnimation(image, 300);
                anim.setDuration(1000);
                image.startAnimation(anim);
            }
        });

PathAnimation.java

public class MyAnimation extends Animation {

    private View view;
    private float cx, cy;           // center x,y position of circular path
    private float prevX, prevY;     // previous x,y position of image during animation
    private float r;                // radius of circle
    private float prevDx, prevDy;


    /**
     * @param view - View that will be animated
     * @param r - radius of circular path
     */
    public MyAnimation(View view, float r){
        this.view = view;
        this.r = r;
    }

    @Override
    public boolean willChangeBounds() {
        return true;
    }

    @Override
    public void initialize(int width, int height, int parentWidth, int parentHeight) {
        // calculate position of image center
        int cxImage = width / 2;
        int cyImage = height / 1;
        cx = view.getLeft() + cxImage;
        cy = view.getTop() + cyImage;

        // set previous position to center
        prevX = cx;
        prevY = cy;
    }

    @Override
    protected void applyTransformation(float interpolatedTime, Transformation t) {
        if(interpolatedTime == 0){
            t.getMatrix().setTranslate(prevDx, prevDy);
            return;
        }

        float angleDeg = (interpolatedTime * 360f + 90) % 360;
        float angleRad = (float) Math.toRadians(angleDeg);

        // r = radius, cx and cy = center point, a = angle (radians)
        float x = (float) (cx + r * Math.cos(angleRad));
        float y = (float) (cy + r * Math.sin(angleRad));


        float dx = prevX - x;
        float dy = prevY - y;

        prevX = x;
        prevY = y;

        prevDx = dx;
        prevDy = dy;


        t.getMatrix().setTranslate(dx, dy);
    }
}

image = (ImageView) findViewById(R.id.image);

        image.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Animation anim = new MyAnimation(image, 300);
                anim.setDuration(1000);
                image.startAnimation(anim);
            }
        });

---

在多次尝试使用这个自定义类之后，我找到了解决方案

AnimationView.java

public class AnimationView extends View {

    Paint paint;
    long animationDuration = 10000;
    int framesPerSecond = 60;
    Bitmap bm;
    int bm_offsetX, bm_offsetY;

    Path animPath;
    PathMeasure pathMeasure;
    float pathLength;

    float step;   //distance each step
    float distance;  //distance moved

    float[] pos;
    float[] tan;

    Matrix matrix;

    public AnimationView(Context context) {
        super(context);
        initMyView();
    }

    public AnimationView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initMyView();
    }

    public AnimationView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initMyView();
    }

    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    public void initMyView(){
        paint = new Paint();
        paint.setColor(Color.RED);
        paint.setStrokeWidth(5);
        paint.setStyle(Paint.Style.STROKE);

        bm = BitmapFactory.decodeResource(getResources(), R.mipmap.ic_launcher);
        bm_offsetX = bm.getWidth()/2;
        bm_offsetY = bm.getHeight()/2;
        animPath = new Path();
        animPath.moveTo(100, 100);

        animPath.addArc(new RectF(1, 100, 300, 600), 1, 800);
        animPath.close();

        pathMeasure = new PathMeasure(animPath, false);
        pathLength = pathMeasure.getLength();

        Toast.makeText(getContext(), "pathLength: " + pathLength, Toast.LENGTH_LONG).show();

        step = 1;
        distance = 0;
        pos = new float[2];
        tan = new float[2];

        matrix = new Matrix();
    }

    @Override
    protected void onDraw(Canvas canvas) {     
        canvas.drawPath(animPath, paint);      
        if(distance < pathLength){
            pathMeasure.getPosTan(distance, pos, tan);

            matrix.reset();
            float degrees = (float)(Math.atan2(tan[1], tan[0])*180.0/Math.PI);
            matrix.postRotate(degrees, bm_offsetX, bm_offsetY);
            matrix.postTranslate(pos[0]-bm_offsetX, pos[1]-bm_offsetY);
            canvas.drawBitmap(bm, matrix, null);
            distance += step;
        }else{
            distance = 0;
        }
        invalidate();
    }
}

public类AnimationView扩展了视图{
油漆；
长动画持续时间=10000；
int framesPerSecond=60；
位图bm；
int bm_offsetX，bm_offsetY；
路径；路径；
路径测量路径测量；
浮动路径长度；
浮动步长；//每个步长的距离
浮动距离；//移动的距离
浮动[]pos；
浮法[]谭；
矩阵；
公共动画视图（上下文）{
超级（上下文）；
initMyView（）；
}
公共动画视图（上下文、属性集属性）{
超级（上下文，attrs）；
initMyView（）；
}
公共动画视图（上下文、属性集属性、int defStyleAttr）{
super（上下文、attrs、defStyleAttr）；
initMyView（）；
}
@TargetApi（Build.VERSION\u code.LOLLIPOP）
public void initMyView（）{
油漆=新油漆（）；
油漆。设置颜色（颜色。红色）；
油漆。设置行程宽度（5）；
绘制.设置样式（绘制.样式.笔划）；
bm=BitmapFactory.decodeResource（getResources（），R.mipmap.ic_启动器）；
bm_offsetX=bm.getWidth（）/2；
bm_offsetY=bm.getHeight（）/2；
animPath=新路径（）；
animPath.moveTo（100100）；
addArc（新的RectF（1100300600），1800）；
animPath.close（）；
pathMeasure=新的pathMeasure（animPath，false）；
pathLength=pathMeasure.getLength（）；
Toast.makeText（getContext（），“pathLength:+pathLength，Toast.LENGTH_LONG）.show（）；
步骤=1；
距离=0；
pos=新浮动[2]；
tan=新浮点数[2]；
矩阵=新矩阵（）；
}
@凌驾
受保护的void onDraw（画布）{
画布.绘制路径（动画路径，绘制）；
if（距离<路径长度）{
getPosTan（距离、位置、tan）；
matrix.reset（）；
浮点度数=（浮点）（数学atan2（tan[1]，tan[0]）*180.0/数学PI）；
矩阵。后旋转（度、bm_偏移量x、bm_偏移量）；
后翻译（pos[0]-bm_offsetX，pos[1]-bm_offsetY）；
drawBitmap（bm、矩阵、空）；
距离+=步长；
}否则{
距离=0；
}
使无效（）；
}
}

并将其转换为xml

<com.example.android.mydemo.animation.pathanimation.AnimationView
        android:layout_width="match_parent"
        android:layout_height="450dp" />

---

请帮我解决这个问题！！！