如何在JavaSwing中用图片/sprite替换指定字符串并控制显示位置？

当然可以实现这个需求！我来帮你解决JTextPane里图片位置不对的问题，完美把"r"替换成宝可梦训练家的图标：

核心思路 #

JTextPane基于StyledDocument，我们可以利用它的样式系统，把指定字符替换为带对齐设置的图标，而不是单纯插入图片。这样就能精准控制图标的显示位置。

具体步骤 #

1. 预处理图片（缩放+适配） #

首先把你的宝可梦训练家图片调整到和文本字符差不多的尺寸，避免图片过大破坏布局：

// 加载图片，建议用资源文件路径避免路径问题
ImageIcon originalIcon = new ImageIcon(getClass().getResource("/trainer.png"));
// 缩放至和字符匹配的大小，比如20x20（可根据你的字体大小调整）
Image scaledImg = originalIcon.getImage().getScaledInstance(20, 20, Image.SCALE_SMOOTH);
ImageIcon trainerIcon = new ImageIcon(scaledImg);

2. 创建带对齐的样式 #

默认插入的图标会和文本基线对齐，导致位置偏移，所以我们要给图标设置垂直居中的样式：

StyledDocument doc = yourTextPane.getStyledDocument();
// 创建自定义样式
Style trainerStyle = yourTextPane.addStyle("TrainerStyle", null);
// 设置样式对应的图标
StyleConstants.setIcon(trainerStyle, trainerIcon);
// 关键：设置垂直居中，让图标和文字对齐
StyleConstants.setVerticalAlignment(trainerStyle, StyleConstants.VERTICAL_CENTER);
// 可选：调整图标和周围文字的间距
StyleConstants.setIconTextGap(trainerStyle, 2);

3. 遍历替换所有"r"字符 #

为了避免替换时索引偏移，建议从后往前遍历替换：

String content = doc.getText(0, doc.getLength());
int index = content.lastIndexOf("r");

while (index != -1) {
    try {
        // 删除原来的"r"字符
        doc.remove(index, 1);
        // 插入一个空格并应用我们的图标样式（空格会被图标替换显示）
        doc.insertString(index, " ", trainerStyle);
    } catch (BadLocationException e) {
        e.printStackTrace();
    }
    // 继续查找前一个"r"
    index = content.lastIndexOf("r", index - 1);
}

4. 动态更新（如果需要） #

如果你的Roomba地图是动态变化的（比如Roomba移动后更新"r"的位置），可以每次更新地图文本后，重新执行上面的替换逻辑即可。

为什么之前位置不对？ #

你之前直接插入ImageIcon时，没有设置垂直对齐样式，默认图标是和文本的基线对齐（类似字母"x"的底部），所以看起来位置偏上或偏下。通过StyleConstants.setVerticalAlignment设置为VERTICAL_CENTER，就能让图标和文本块居中对齐，完美匹配你的布局需求。

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