Swing中如何实现面板网格的统一边框？

作为熟悉Qt的开发者，刚接触Swing确实会遇到一些组件默认行为的差异，我来帮你解决这两个问题：

一、消除网格内重复的白色线条（统一控制棋盘边框） #

你现在给每个TileView都添加了2px黑色边框，相邻组件的边框会重叠，导致出现视觉上的重复线条。核心思路是不让每个TileView绘制完整边框，而是拆分边框绘制逻辑，让BoardView负责整体外框，TileView负责内部衔接的单边边框，这样就能实现单线条的网格效果。

方案1：使用MatteBorder实现单边边框衔接 #

修改TileView的边框设置，只添加底部和右侧的边框，相邻Tile的边框会自然衔接，不会重复：

public TileView(Color color, String text) {
    color = new Color(color.getRGB());
    jText = new JLabel(text);
    jText.setHorizontalAlignment(JLabel.CENTER);
    this.setLayout(new BorderLayout());
    this.add(jText, SwingConstants.CENTER);
    this.setBackground(color);
    
    // 只给Tile添加底部和右侧的2px黑色边框
    Border tileBorder = BorderFactory.createMatteBorder(0, 0, 2, 2, Color.BLACK);
    this.setBorder(tileBorder);
    
    this.setPreferredSize(new Dimension(50, 50));
    this.setVisible(true);
}

然后给BoardView添加左侧和顶部的边框，让整个棋盘的外框完整闭合：

public BoardView() {
    tiles = new ArrayList<>();
    setLayout(gridLayout);
    addDefaultTiles();
    for (TileView tile : tiles)
        this.add(tile);
    
    // 给棋盘添加左侧和顶部的2px黑色边框，和Tile的边框无缝衔接
    Border boardBorder = BorderFactory.createMatteBorder(2, 2, 0, 0, Color.BLACK);
    this.setBorder(boardBorder);
    
    setVisible(true);
}

这种方式实现的网格线是单线条，整体边框统一，不会出现重复的视觉间隙。

方案2：通过BoardView背景+布局间隙绘制网格 #

另一种更灵活的思路是：TileView完全不加边框，让BoardView通过背景色和布局间隙来实现网格线：
首先修改TileView，去掉所有边框设置：

public TileView(Color color, String text) {
    color = new Color(color.getRGB());
    jText = new JLabel(text);
    jText.setHorizontalAlignment(JLabel.CENTER);
    this.setLayout(new BorderLayout());
    this.add(jText, SwingConstants.CENTER);
    this.setBackground(color);
    
    // 移除默认浅灰色边框
    this.setBorder(null);
    
    this.setPreferredSize(new Dimension(50, 50));
    this.setVisible(true);
}

然后修改BoardView，利用GridLayout的间隙和背景色实现网格：

public class BoardView extends JPanel {
    private ArrayList<TileView> tiles;
    private static final int GRID_SIZE = 15;
    private static final int BORDER_WIDTH = 2;

    public BoardView() {
        tiles = new ArrayList<>();
        // 设置布局间隙等于边框宽度，间隙会显示背景色（黑色），形成网格线
        setLayout(new GridLayout(GRID_SIZE, GRID_SIZE, BORDER_WIDTH, BORDER_WIDTH));
        setBackground(Color.BLACK);
        addDefaultTiles();
        for (TileView tile : tiles)
            this.add(tile);
        
        // 给棋盘加外边框，和内部网格线宽度一致
        setBorder(BorderFactory.createLineBorder(Color.BLACK, BORDER_WIDTH));
        setVisible(true);
    }
}

这种方法完全由BoardView控制网格样式，TileView只负责自身的颜色和文本，适合需要更精细控制网格的场景。

二、处理默认的浅灰色边框 #

你提到的浅灰色边框是Swing JPanel的默认UI边框（不同LookAndFeel下样式不同，比如MetalLookAndFeel默认是浅灰色凹陷边框），解决方式很简单：

1. 直接移除默认边框 #

在TileView构造函数中添加一行代码，完全移除默认边框：

this.setBorder(null);

这样TileView只会显示你自定义的边框（如果有的话），不会出现默认的浅灰色边框。

2. 替换为自定义边框 #

如果想保留边框但修改样式，可以替换成你需要的边框类型：

// 替换为空边框（和setBorder(null)效果一致）
this.setBorder(BorderFactory.createEmptyBorder());
// 或者替换为自定义样式的边框
this.setBorder(BorderFactory.createLineBorder(Color.GRAY, 1));

结合你的需求，我推荐第一种方案（MatteBorder单边衔接），它实现简单，能完美解决重复线条问题，同时保持代码的清晰性。

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