Android编程绘制抛物线的方法示例-Java开发

下面是关于“Android编程绘制抛物线的方法示例”的完整攻略及相关示例。

下面是关于“Android编程绘制抛物线的方法示例”的完整攻略及相关示例。

1. 前言

在Android应用程序中，绘制抛物线是常见的需求。在本篇攻略中，将介绍两种绘制抛物线的方法示例。第一种方法使用Canvas类，对曲线路径进行处理绘制。第二种方法则使用ValueAnimator和PointF类，逐步绘制抛物线。

2. 方法一：使用Canvas类绘制抛物线

首先，创建一个自定义视图，重写其中的onDraw()方法，用于绘制曲线路径。在onDraw()方法中，定义每个点的坐标，从起点到终点，传入Path.quadTo()方法中，绘制出曲线路径。样例代码如下：

public class Parabola1View extends View {
    private Path mPath;
    private Paint mPaint;
    private float mFactor = 0.5f;

    public Parabola1View(Context context) {
        this(context, null);
    }

    public Parabola1View(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    private void init() {
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setStrokeWidth(5);
        mPaint.setColor(Color.RED);
        mPath = new Path();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        mPath.reset();
        int x = getWidth() / 2;
        int y = getHeight() / 2;
        int startX = x / 2;
        int endX = x / 2 + x;

        float curviness = ((endX - startX) * mFactor);
        mPath.moveTo(startX, y);
        mPath.quadTo(startX + curviness, 0, endX, y);

        canvas.drawPath(mPath, mPaint);
    }
}

在Activity中，创建上述自定义视图的对象，并添加到Activity的布局中。代码如下：

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        LinearLayout linearLayout = findViewById(R.id.container);

        Parabola1View parabola1View = new Parabola1View(this);
        linearLayout.addView(parabola1View);
    }
}

运行程序，即可看到绘制出的抛物线。

3. 方法二：使用ValueAnimator和PointF类逐步绘制抛物线

首先，使用ValueAnimator.ofFloat()方法创建一个动画对象，并设置动画持续时间setDuration()和监听器addUpdateListener()。在监听器中，通过PointF类保存每一帧的起点和终点的坐标，使用Canvas.drawLine()方法逐步绘制出抛物线。代码如下：

public class Parabola2View extends View {
    private Paint mPaint;
    private PointF mStart = new PointF();
    private PointF mEnd = new PointF();
    private ValueAnimator mAnimator;

    public Parabola2View(Context context) {
        this(context, null);
    }

    public Parabola2View(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    private void init() {
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setStrokeWidth(5);
        mPaint.setColor(Color.RED);
        mStart.x = 0;
        mStart.y = getHeight() / 2;
        mEnd.x = getWidth();
        mEnd.y = getHeight() / 2;

        // 为 ValueAnimator 设置动画时间和监听器
        mAnimator = ValueAnimator.ofFloat(0, 1);
        mAnimator.setDuration(1000L);
        mAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                float value = (float) animation.getAnimatedValue();
                mStart.y = getHeight() - (value * getHeight());
                mEnd.y = value * getHeight();
                invalidate();
            }
        });
        mAnimator.setRepeatCount(ValueAnimator.INFINITE);
        mAnimator.setRepeatMode(ValueAnimator.REVERSE);
        mAnimator.start();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawLine(mStart.x, mStart.y, mEnd.x, mEnd.y, mPaint);
    }
}

在Activity中，创建上述自定义视图的对象，并添加到Activity的布局中。代码如下：

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        LinearLayout linearLayout = findViewById(R.id.container);

        Parabola2View parabola2View = new Parabola2View(this);
        linearLayout.addView(parabola2View);
    }
}