Java环形进度条（点数计数器）开发技术咨询

看起来你已经在做环形进度条的路上迈出了第一步！我帮你完善这段代码，把实心饼状的图形改成真正的环形进度条，同时优化逻辑让它更贴合展示用户点数的需求：

完整的改进代码 #

import java.awt.*;
import java.awt.geom.Arc2D;

public class CircularProgressBar extends Component {
    // 假设满分是100点，你可以根据需求修改这个值
    private static final int MAX_POINTS = 100;
    private int userPoints;

    public void setUserPoints(int points) {
        // 防止点数超过最大值或低于0
        this.userPoints = Math.max(0, Math.min(points, MAX_POINTS));
        repaint(); // 更新点数后自动重绘组件
    }

    @Override
    public void paint(Graphics g) {
        super.paint(g);
        Graphics2D g2 = (Graphics2D) g;
        // 开启抗锯齿，让环形边缘更平滑
        g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);

        // 平移坐标原点到组件中心，适配不同大小的组件
        int centerX = getWidth() / 2;
        int centerY = getHeight() / 2;
        g2.translate(centerX, centerY);
        // 旋转270度，让进度条从顶部开始（默认Arc从右侧起始）
        g2.rotate(Math.toRadians(270));

        // 环形的基础参数：半径和线条宽度
        int radius = 70;
        int ringWidth = 15;

        // 1. 绘制背景环形（灰色，代表未完成的进度）
        Arc2D backgroundArc = new Arc2D.Float(Arc2D.OPEN);
        backgroundArc.setFrame(-radius, -radius, radius * 2, radius * 2);
        backgroundArc.setAngleStart(0);
        backgroundArc.setAngleExtent(360);
        g2.setColor(Color.LIGHT_GRAY);
        g2.setStroke(new BasicStroke(ringWidth));
        g2.draw(backgroundArc);

        // 2. 绘制进度环形（红色，代表已获得的点数）
        float progressAngle = userPoints * 3.6f; // 360度 / 100点 = 3.6度/点
        Arc2D progressArc = new Arc2D.Float(Arc2D.OPEN);
        progressArc.setFrame(-radius, -radius, radius * 2, radius * 2);
        progressArc.setAngleStart(0);
        progressArc.setAngleExtent(progressAngle);
        g2.setColor(Color.RED);
        g2.draw(progressArc);

        // 3. 绘制中心点数文本（可选，提升用户体验）
        g2.rotate(-Math.toRadians(270)); // 旋转回原角度，避免文字倾斜
        g2.setColor(Color.BLACK);
        g2.setFont(new Font("Arial", Font.BOLD, 20));
        String text = userPoints + "/" + MAX_POINTS;
        // 计算文本位置，让它居中显示
        FontMetrics metrics = g2.getFontMetrics();
        int textX = -metrics.stringWidth(text) / 2;
        int textY = metrics.getAscent() / 2;
        g2.drawString(text, textX, textY);
    }

    // 重写方法设置组件默认大小
    @Override
    public Dimension getPreferredSize() {
        return new Dimension(160, 160);
    }
}

关键修改说明 #

• 从实心饼到环形：把Arc2D.PIE改成Arc2D.OPEN，配合BasicStroke设置线条宽度，这样绘制出来的就是环形而非实心饼块
• 背景环形优化：添加灰色背景环，让已完成进度和总进度的对比更直观
• 坐标与旋转适配：改用组件中心作为坐标原点，适配不同尺寸的组件；绘制文本时反向旋转，避免文字倾斜
• 边界值处理：通过setUserPoints方法限制点数在0到最大值之间，防止进度角度超出360度
• 视觉效果提升：开启抗锯齿让环形边缘更平滑，添加中心文本增强信息展示

扩展建议 #

• 可以根据完成度切换进度条颜色（比如完成60%后变黄色，100%变绿色）
• 支持动态调整最大点数，适配不同的业务场景
• 调整环形的半径、宽度参数，匹配你的UI设计风格

内容的提问来源于stack exchange，提问作者sosumi