JavaFX Canvas边框设置求助：内联CSS样式无效问题

我来帮你搞定这个JavaFX边框不显示的问题～

核心原因：setStyle()的用法错误 #

你在setStyle()里写了类选择器格式的CSS规则（.minimap {-fx-border-color: green ;}），但setStyle()是专门给单个节点设置内联样式的API，不需要写类选择器和大括号，直接写样式属性的键值对即可。这种写法相当于给节点传入了一段无效的样式文本，所以边框自然不会生效。

具体解决方法 #

方法1：修正内联样式写法（快速解决） #

把setStyle()里的代码改成直接写样式属性，同时补充边框宽度（默认宽度可能为0，即使设置颜色也看不到）：

minimap.setStyle("-fx-border-color: green; -fx-border-width: 1px;");

方法2：使用样式类（更推荐的可复用方式） #

如果你想通过样式类管理样式（方便后续复用或修改），可以把CSS规则添加到场景的样式表中，而不是用setStyle()：

1. 保留添加样式类的代码：

minimap.getStyleClass().add("minimap");

2. 将CSS规则注入到场景样式表：

import java.net.URLEncoder;
import java.nio.charset.StandardCharsets;

// ...

String css = ".minimap {-fx-border-color: green; -fx-border-width: 1px;}";
// 将字符串CSS转为可被样式表识别的URL格式
String cssUrl = "data:text/css," + URLEncoder.encode(css, StandardCharsets.UTF_8);
this.getScene().getStylesheets().add(cssUrl);

额外检查点 #

• 确认TilesViewer的宽高正确：边框基于节点尺寸绘制，如果节点尺寸为0，边框也不会显示。可以通过minimap.setPrefWidth(width);和minimap.setPrefHeight(height);明确指定尺寸。
• 检查布局位置：你的setLayoutX和setLayoutY设置是否导致边框超出父容器的可视区域，被截断后看起来像是没显示。

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