反方向画弧

在 Android 中绘制反方向的弧形（即逆时针方向），只需在 Canvas.drawArc() 方法中使用负数的扫过角度（sweepAngle） 即可。默认情况下，正数表示顺时针方向，负数表示逆时针方向（反方向）。

核心原理

Canvas.drawArc() 方法的 sweepAngle 参数控制弧形的绘制方向：

• 正数：从起始角度开始，顺时针绘制指定角度的弧形。
• 负数：从起始角度开始，逆时针（反方向）绘制指定角度的弧形。

示例代码：对比顺时针与反方向（逆时针）弧形

以下示例通过自定义 View 展示两种方向的弧形绘制效果，方便直观对比：

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.view.View;

public class ArcDirectionView extends View {
    private Paint clockwisePaint; // 顺时针弧形画笔
    private Paint counterClockwisePaint; // 逆时针（反方向）弧形画笔
    private RectF oval; // 弧形所在的椭圆边界

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

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

    private void init() {
        // 初始化顺时针弧形画笔（蓝色）
        clockwisePaint = new Paint();
        clockwisePaint.setColor(Color.BLUE);
        clockwisePaint.setStrokeWidth(8);
        clockwisePaint.setAntiAlias(true);
        clockwisePaint.setStyle(Paint.Style.STROKE);

        // 初始化逆时针弧形画笔（红色）
        counterClockwisePaint = new Paint();
        counterClockwisePaint.setColor(Color.RED);
        counterClockwisePaint.setStrokeWidth(8);
        counterClockwisePaint.setAntiAlias(true);
        counterClockwisePaint.setStyle(Paint.Style.STROKE);

        // 定义椭圆边界（两种弧形共用一个边界，方便对比）
        oval = new RectF(200, 200, 800, 800);
    }

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

        // 1. 顺时针绘制弧形（sweepAngle为正数：90度）
        // 起始角度0度（右侧水平方向），顺时针画90度（向下转弯）
        canvas.drawArc(oval, 0, 90, false, clockwisePaint);
        drawText(canvas, "顺时针 (0° → 90°)", 200, 150);

        // 2. 反方向（逆时针）绘制弧形（sweepAngle为负数：-90度）
        // 起始角度0度（右侧水平方向），逆时针画90度（向上转弯）
        canvas.drawArc(oval, 0, -90, false, counterClockwisePaint);
        drawText(canvas, "反方向（逆时针）(0° → -90°)", 200, 900);
    }

    // 绘制说明文字
    private void drawText(Canvas canvas, String text, float x, float y) {
        Paint textPaint = new Paint();
        textPaint.setColor(Color.BLACK);
        textPaint.setTextSize(40);
        canvas.drawText(text, x, y, textPaint);
    }
}
    

代码说明

1. 方向控制：

   • 蓝色弧形使用 sweepAngle = 90（正数），从 0° 开始顺时针绘制 90°（向下弯曲）。
   • 红色弧形使用 sweepAngle = -90（负数），从 0° 开始逆时针（反方向）绘制 90°（向上弯曲）。

2. 共用边界：两种弧形使用同一个 RectF 边界（oval），确保对比的公平性。

3. 角度起点：Android 中弧形的 0° 起点为右侧水平方向，顺时针为正方向，逆时针为负方向。

布局中使用

在 XML 布局中添加该自定义 View 即可查看效果：

xml

<com.example.yourpackage.ArcDirectionView
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

扩展：灵活控制弧形范围

通过调整 startAngle（起始角度）和 sweepAngle（正负值），可以绘制任意方向和范围的弧形：

java

// 示例：从180°开始，逆时针绘制120°（反方向大弧度）
canvas.drawArc(oval, 180, -120, false, paint);

通过这种方式，可轻松实现各种复杂的弧形效果，如仪表盘、进度条等。

转自：在 Android 中画反弧 - 豆包