如何在JavaFX标签的文本周围绘制边框？

Question

为了提高文本的可读性，建议我们概述标签控件的文本。我知道你可以描边文字形状，但我们选择了标签。我忘记了原因，但我认为这是因为标签可以为我们做一些文字形状不能做的事情。

如何围绕标签的字母和单词绘制轮廓或边框？

我尝试了-fx-stroke，但这不起作用，而-fx-border只是在节点周围画了一个边框。反正有没有让这项工作？

Answer 1

使用CSS指定标签文字的大纲。

/** file: outline.css (place in same directory as OutlinedLabelText) */    
.label {
    -fx-font-size: 50px;
}

.outline.label .text {
    -fx-fill: lightseagreen;
    -fx-stroke: firebrick;
    -fx-stroke-width: 2px;
}

样本用法：

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.StackPane;
import javafx.scene.paint.Color;
import javafx.stage.Stage;

public class OutlinedLabelText extends Application {
    @Override
    public void start(Stage stage) throws Exception {
        Label label = new Label("Outlined");
        label.getStyleClass().add("outline");

        StackPane layout = new StackPane(label);
        layout.setPadding(new Insets(10));

        Scene scene = new Scene(layout, Color.PALEGREEN);
        scene.getStylesheets().addAll(getClass().getResource(
                "outline.css"
        ).toExternalForm());

        stage.setScene(scene);
        stage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

---

以上示例使用未记录的选择器从标签中选择样式的文本。通常，作为包含子节点的父节点的复杂节点的JavaFX CSS documentation在标题为“子结构”的文档的一部分中包含子节点的节。对于Labeled，未提供子结构，但如果是，则会显示如下内容：

  

<强>子结构

     

  
• text - Labeled中的文本节点
  

我使用场景图内省工具（例如ScenicView）找到了.text选择器。对于Java 9，JavaFX实现在类构造函数中为以下类设置样式类：com.sun.javafx.scene.control.LabeledText，它调用getStyleClass().addAll("text");。所以无论如何，这就是神奇地出现的子组件类.text来自的地方。