JavaFX：为文本控件设置背景颜色

Question

我正在使用TextFlow和一些文本项目来显示样式文本，但我找不到为Text项目设置简单背景颜色的方法。

我可以设置填充颜色和字体，但它没有设置其背景颜色的java方法或CSS属性。

Answer 1

基于此solution，这是一个快速实现的方法，以提供背景FlowPane内着色所有Text节点，使用CSS和设置由commas分开的一系列涂料值的能力（高达Text项目），插图为他们每个人：

private FlowPane flow; 
private Scene scene; 

@Override 
public void start(Stage primaryStage) { 
    Text text0 = new Text("These are several "); 
    Text text1 = new Text("Text Nodes "); 
    Text text2 = new Text("wrapped in "); 
    Text text3 = new Text("a FlowPane"); 
    text0.setFill(Color.WHEAT); 
    text0.setFont(new Font("Times New Roman", 20)); 
    text1.setFill(Color.WHITE); 
    text1.setFont(new Font("Verdana", 32)); 
    text2.setFill(Color.WHITESMOKE); 
    text2.setFont(new Font("Arial", 24)); 
    text3.setFill(Color.WHITESMOKE); 
    text3.setFont(new Font("Arial", 18)); 

    flow = new FlowPane(text0, text1, text2, text3); 
    scene = new Scene(flow, 300, 200); 

    primaryStage.setTitle("Hello World!"); 
    primaryStage.setScene(scene); 
    primaryStage.show(); 

    setBackgroundColors(); 
    flow.needsLayoutProperty().addListener((obs,d,d1)->setBackgroundColors());   
} 

private void setBackgroundColors(){ 
    final Bounds out = flow.getBoundsInLocal(); 
    final StringBuilder sbColors = new StringBuilder(); 
    final StringBuilder sbInsets = new StringBuilder(); 
    AtomicInteger cont = new AtomicInteger(); 
    flow.getChildrenUnmodifiable().forEach(n->{ 
     sbColors.append("hsb(") 
       .append((((double)cont.get())/((double)flow.getChildren().size()))*360d) 
       .append(", 60%, 90%)"); 
     Bounds b = ((Text)n).getBoundsInParent(); 
     sbInsets.append(b.getMinY()).append(" "); 
     sbInsets.append(Math.min(scene.getWidth(),out.getMaxX())-b.getMaxX()).append(" "); 
     sbInsets.append(Math.min(scene.getHeight(),out.getMaxY())-b.getMaxY()).append(" "); 
     sbInsets.append(b.getMinX()); 
     if(cont.getAndIncrement()<flow.getChildren().size()-1){ 
      sbColors.append(", "); 
      sbInsets.append(", "); 
     } 
    }); 
    flow.setStyle("-fx-background-color: "+sbColors.toString()+"; -fx-background-insets: "+sbInsets.toString()+";"); 
} 

这将导致这样的：

和调整大小后的场景：

EDIT

基于使用TextFlow布局代替FlowPane的OP请求，因为Text节点可以一个TextFlow内跨越了几行，给定的解决方案将不再有效，因为每个文本节点的边界框将与其他边界框重叠。

作为一种变通方法，我们可以在一个单词拆分Text节点Text节点，同时保持相同的背景色为那些在相同的原始短语。

我不会进入拆分逻辑，但我会添加一个索引列表，其中每个索引都将文本节点与其背景颜色索引进行映射。

private FlowPane flow; 
private Scene scene; 

private final List<Integer> indices=Arrays.asList(0,0,0,1,1,2,2,3,3); 

@Override 
public void start(Stage primaryStage) { 
    List<Text> text0 = Arrays.asList(new Text("These "), new Text("are "), new Text("several ")); 
    List<Text> text1 = Arrays.asList(new Text("Text "), new Text("Nodes ")); 
    List<Text> text2 = Arrays.asList(new Text("wrapped "), new Text("in ")); 
    List<Text> text3 = Arrays.asList(new Text("a "), new Text("FlowPane")); 
    text0.forEach(t->t.setFill(Color.WHEAT)); 
    text0.forEach(t->t.setFont(new Font("Times New Roman", 20))); 
    text1.forEach(t->t.setFill(Color.WHITE)); 
    text1.forEach(t->t.setFont(new Font("Verdana", 32))); 
    text2.forEach(t->t.setFill(Color.WHITESMOKE)); 
    text2.forEach(t->t.setFont(new Font("Arial", 24))); 
    text3.forEach(t->t.setFill(Color.WHITESMOKE)); 
    text3.forEach(t->t.setFont(new Font("Arial", 18))); 

    flow = new FlowPane(); 
    flow.getChildren().addAll(text0); 
    flow.getChildren().addAll(text1); 
    flow.getChildren().addAll(text2); 
    flow.getChildren().addAll(text3); 
    scene = new Scene(flow, 300, 200); 

    primaryStage.setTitle("Hello World!"); 
    primaryStage.setScene(scene); 
    primaryStage.show(); 

    setBackgroundColors(); 
    flow.needsLayoutProperty().addListener((obs,d,d1)->setBackgroundColors());   
} 

private void setBackgroundColors(){ 
    final Bounds out = flow.getBoundsInLocal(); 
    final StringBuilder sbColors = new StringBuilder(); 
    final StringBuilder sbInsets = new StringBuilder(); 
    AtomicInteger cont = new AtomicInteger(); 
    flow.getChildrenUnmodifiable().forEach(n->{ 
     sbColors.append("hsb(") 
       .append((double)indices.get(cont.get())/(double)(indices.get(flow.getChildren().size()-1)+1)*360d) 
       .append(", 60%, 90%)"); 
     Bounds b = ((Text)n).getBoundsInParent(); 
     sbInsets.append(b.getMinY()).append(" "); 
     sbInsets.append(Math.min(scene.getWidth(),out.getMaxX())-b.getMaxX()-1).append(" "); 
     sbInsets.append(Math.min(scene.getHeight(),out.getMaxY())-b.getMaxY()).append(" "); 
     sbInsets.append(b.getMinX()); 
     if(cont.getAndIncrement()<flow.getChildren().size()-1){ 
      sbColors.append(", "); 
      sbInsets.append(", "); 
     } 
    }); 
    flow.setStyle("-fx-background-color: "+sbColors.toString()+"; -fx-background-insets: "+sbInsets.toString()+";"); 
} 

这FlowPane现在表现为TextFlow：

Answer 2

Text对象没有背景。你必须将它与一个形状（矩形，椭圆等）分组，并设置该形状的颜色，或者你可以把对象放在一个StackPane中，并设置StackPane的背景颜色。