用代码造一个自己的手写Loading动效

2023-10-22 04:19:12

打造令人印象深刻的手写 Loading 动效

自定义 View 的魅力

在当今的应用程序开发中，用户体验已成为重中之重。手写 Loading 动效是一种普遍采用的交互元素，它能够牢牢抓住用户注意力，化解等待中的焦虑。实现手写 Loading 动效的方法多种多样，其中通过自定义 View 是一种最常见的途径。

自定义 View 的简介

自定义 View 是 Android 开发中至关重要的技术，它让你得以创建自己的 View 组件，并根据需要定制它们的外观和行为。自定义 View 助你打造独一无二的应用程序界面，提升用户体验。

手写 Loading 动效的实现

要实现手写 Loading 动效，我们需要创建一个继承自 View 类的自定义 View。在这个自定义 View 中，我们需要重写 onDraw() 方法来绘制 Loading 动效。在 onDraw() 方法中，我们可以使用 Canvas 对象来绘制两个不同半径的弧形，并通过旋转不同的角度来实现 Loading 动效。

代码示例

public class HandwrittenLoadingView extends View {

    private Paint mPaint;
    private float mRadius1;
    private float mRadius2;
    private float mAngle1;
    private float mAngle2;

    public HandwrittenLoadingView(Context context) {
        super(context);
        init();
    }

    private void init() {
        mPaint = new Paint();
        mPaint.setColor(Color.BLACK);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setStrokeWidth(5);

        mRadius1 = 50;
        mRadius2 = 100;
        mAngle1 = 0;
        mAngle2 = 0;
    }

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

        // 绘制第一个弧形
        canvas.drawArc(getWidth() / 2 - mRadius1, getHeight() / 2 - mRadius1, getWidth() / 2 + mRadius1, getHeight() / 2 + mRadius1, mAngle1, 180, false, mPaint);

        // 绘制第二个弧形
        canvas.drawArc(getWidth() / 2 - mRadius2, getHeight() / 2 - mRadius2, getWidth() / 2 + mRadius2, getHeight() / 2 + mRadius2, mAngle2, 180, false, mPaint);

        // 更新角度
        mAngle1 += 5;
        mAngle2 -= 5;

        // 刷新视图
        invalidate();
    }
}