本文介绍如何在java swing中实现动态旋转的圆形轮盘，并将每个扇区的文本精确居中显示在对应弧线中央，核心在于利用graphics2d的坐标系旋转与字体度量计算。
本文介绍如何在java swing中实现动态旋转的圆形轮盘，并将每个扇区的文本精确居中显示在对应弧线中央，核心在于利用graphics2d的坐标系旋转与字体度量计算。
在开发“快速抽奖轮盘”（Fast Wheel Raffle）这类图形化应用时，一个常见但易被忽视的难点是：如何让文本始终稳定、居中地显示在随旋转角度动态变化的扇形区域内？ 直接基于角度手动计算x/y坐标不仅逻辑复杂、易出错（如原代码中三角函数单位混淆、象限判断错误、未考虑字体基线等），还会因浮点精度和坐标系理解偏差导致文本漂移或错位。
✅ 正确思路并非“为每个扇区单独计算文本位置”，而是统一旋转整个绘图上下文（Graphics2D），再以静态方式绘制文本——即：先绕圆心旋转画布，再在固定位置（如圆心正右方）水平绘制文本，最后恢复变换。这样，文本自然随扇区一同旋转，且中心对齐可由字体度量精确控制。
关键技术要点解析
使用 g2d.rotate(angle, centerX, centerY) 统一旋转
将旋转中心设为轮盘圆心（如 width/2, height/2），传入弧度值（Math.toRadians(angle)）。所有后续绘制（扇形、文本）均自动按该角度偏转，无需逐个计算三角函数。-
文本居中依赖 FontMetrics 精确测量
FontMetrics 提供字符串实际像素宽度（SwingUtilities.computeStringWidth(fm, text)）和行高（fm.getHeight()），用于计算：- 水平居中：x = centerX + (radius - textWidth) / 2
- 垂直对齐（基线）：y = centerY + fm.getAscent() / 2（注意：drawString 的 y 是基线位置，非顶部）
避免在 paintComponent 中重复计算
字体、半径、字符串宽度等应预计算并缓存（如在 init() 或构造函数中），防止每次重绘都触发冗余运算，保障EDT线程流畅性。
完整可运行示例（优化版）
import java.awt.*;
import java.awt.font.FontRenderContext;
import java.awt.geom.Rectangle2D;
import javax.swing.*;
import java.util.List;
import java.util.ArrayList;
public class RotatingWheel extends JPanel {
private static final int WIDTH = 600, HEIGHT = 600;
private final List<String> inputs = new ArrayList<>(List.of("Prize A", "Prize B", "Prize C", "Prize D"));
private final Color[] colors = {Color.RED, Color.BLUE, Color.GREEN, Color.ORANGE};
private int spinAngle = 0; // 当前总旋转角度（度）
private final Timer timer;
public RotatingWheel() {
setPreferredSize(new Dimension(WIDTH, HEIGHT));
setBackground(Color.WHITE);
timer = new Timer(30, e -> {
spinAngle = (spinAngle + 2) % 360; // 持续缓慢旋转
repaint();
});
timer.start();
}
@Override
protected void paintComponent(Graphics g) {
super.paintComponent(g);
Graphics2D g2d = (Graphics2D) g.create(); // 创建副本，避免影响父级
g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
g2d.translate(WIDTH / 2, HEIGHT / 2); // 移动坐标系原点至中心
g2d.rotate(Math.toRadians(spinAngle), 0, 0); // 绕新原点旋转
final int radius = 200;
final int diameter = radius * 2;
final int startAngle = -90; // 从顶部开始（-90°）
final int totalAngle = 360;
final int segmentAngle = totalAngle / inputs.size();
// 绘制所有扇形及其中心文本
for (int i = 0; i < inputs.size(); i++) {
// 绘制扇形：起始角 = i * segmentAngle + startAngle
g2d.setColor(colors[i % colors.length]);
g2d.fillArc(-radius, -radius, diameter, diameter,
i * segmentAngle + startAngle, segmentAngle);
// 计算该扇形中心角度（弧度）
double centerRad = Math.toRadians(i * segmentAngle + startAngle + segmentAngle / 2);
// 文本放置在半径70%处（避免贴边），并沿径向偏移
int textX = (int) (Math.cos(centerRad) * radius * 0.7);
int textY = (int) (Math.sin(centerRad) * radius * 0.7);
// 设置字体并获取度量
Font font = new Font("Arial", Font.BOLD, 14);
g2d.setFont(font);
FontMetrics fm = g2d.getFontMetrics();
String text = inputs.get(i);
int textWidth = SwingUtilities.computeStringWidth(fm, text);
int textHeight = fm.getAscent(); // 基线到顶部距离
// 居中偏移：x方向减半宽，y方向加基线偏移（使视觉中心对齐）
g2d.setColor(Color.BLACK);
g2d.drawString(text,
textX - textWidth / 2,
textY + textHeight / 2
);
}
// 绘制中心圆点
g2d.setColor(Color.BLACK);
g2d.fillOval(-3, -3, 6, 6);
g2d.dispose(); // 释放资源
}
public static void main(String[] args) {
SwingUtilities.invokeLater(() -> {
JFrame frame = new JFrame("Rotating Prize Wheel");
frame.add(new RotatingWheel());
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.pack();
frame.setLocationRelativeTo(null);
frame.setVisible(true);
});
}
}注意事项与最佳实践
- 坐标系管理：务必使用 g.create() 创建 Graphics2D 副本，并在结束时调用 dispose()，防止状态污染。
- 角度单位：Math.cos/sin 接收弧度，fillArc 和 rotate 接收角度——切勿混用，需通过 Math.toRadians() 转换。
- 文本基线：drawString(y) 的 y 值是基线位置，而非字符串顶部。使用 fm.getAscent() 获取基线到顶部距离，结合 fm.getDescent() 可精确垂直居中。
- 性能优化：FontMetrics 和字符串宽度应在初始化阶段预计算（尤其当文本不变时），避免每帧重复调用 computeStringWidth。
- 动态适配：若扇区数量变化，需重新计算 segmentAngle 并确保 colors 数组长度足够，或采用循环取模。
通过将旋转抽象为坐标系变换，配合字体度量的精确计算，即可优雅解决动态轮盘中文本居中难题——这不仅是技术方案，更是理解图形编程中“变换思维”的关键一步。
