如何使用Java Swing构建基于三角形的网格（解决布局异常问题）

嘿，我太懂你这种搜了半天全是单个三角形绘制教程，真到做网格就卡壳的感觉了！你已经能画出多行三角形，说明核心绘制逻辑没问题，布局间距的坑其实主要是没摸清楚三角形网格的坐标规律，我给你捋几个关键解决点：

1. 先锁定三角形的核心尺寸参数 #

不管是正放还是倒放的三角形，先确定边长sideLength，然后一定要算出它的高：

double height = (Math.sqrt(3) / 2) * sideLength;

这个高是控制行间距的核心——很多人踩坑就是直接用边长来算行间距，导致上下行空隙超大或者重叠。

2. 交错网格的间距控制（最常用的紧凑布局） #

如果是做类似蜂窝状的交错网格（奇数行向右偏移半个边长），行与行的垂直间距应该设为height/2，这样上下行的三角形能刚好贴合，不会有空隙：

• 偶数行起始x坐标：margin（你的画布边距）
• 奇数行起始x坐标：margin + sideLength/2
  这样整个网格会非常紧凑，没有多余的间距。

3. 实操代码示例（基于Java Graphics2D） #

给你一段能直接参考的代码，把上面的逻辑落地，你可以直接套进你的项目里调整参数：

import java.awt.*;
import javax.swing.*;

public class TriangleGrid extends JPanel {
    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        Graphics2D g2d = (Graphics2D) g;
        // 开启抗锯齿，让三角形边缘更顺滑
        g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
        
        int sideLength = 40; // 三角形边长
        double height = (Math.sqrt(3) / 2) * sideLength;
        int rows = 6; // 行数
        int cols = 8; // 每行的三角形数量
        int margin = 15; // 画布边距

        for (int row = 0; row < rows; row++) {
            // 计算当前行的y坐标
            int y = margin + (int) (row * height / 2);
            // 奇数行偏移半个边长
            int startX = margin + (row % 2 != 0 ? sideLength / 2 : 0);
            
            for (int col = 0; col < cols; col++) {
                int x = startX + col * sideLength;
                // 绘制正三角形的三个顶点坐标
                int[] xPoints = {x, x + sideLength/2, x - sideLength/2};
                int[] yPoints = {y, (int) (y + height), (int) (y + height)};
                g2d.drawPolygon(xPoints, yPoints, 3);
                
                // 如果需要交替绘制倒三角形，只需调整y坐标即可：
                // int[] invertedYPoints = {(int)(y + height), y, y};
                // g2d.drawPolygon(xPoints, invertedYPoints, 3);
            }
        }
    }

    @Override
    public Dimension getPreferredSize() {
        // 根据网格参数计算画布的最佳尺寸，避免内容被截断
        int sideLength = 40;
        double height = (Math.sqrt(3) / 2) * sideLength;
        int rows = 6;
        int cols = 8;
        int margin = 15;
        int width = margin * 2 + cols * sideLength + sideLength/2;
        int heightTotal = margin * 2 + (int)(rows * height / 2 + height);
        return new Dimension(width, heightTotal);
    }

    public static void main(String[] args) {
        JFrame frame = new JFrame("Triangle Grid");
        frame.add(new TriangleGrid());
        frame.pack();
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setLocationRelativeTo(null);
        frame.setVisible(true);
    }
}

4. 常见间距问题的排查小技巧 #

• 别用边长代替高来算行间距，这是90%间距问题的根源
• 检查起始坐标的边距是否统一，有没有在循环里不小心累加了额外的偏移量
• 如果用Swing布局，一定要重写getPreferredSize()来设置合适的画布尺寸，避免网格被截断或者压缩

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