Javafx文本多字彩色化 [英] Javafx Text multi-word colorization
问题描述
好吧,我有一个ListView对象。我使用这个作为一种控制台窗口为我的服务器。这真的是我能想到的在一个盒子里显示彩色文本的唯一方法。这到目前为止工作奇妙。现在我想要做的是在一个索引或行上颜色不同的文本。
示例:
listView [0] =Hello 世界;
其中 Hello 将是绿色的,而 / strong>将是蓝色的。如果这可以使用javafx文本或任何其他方式我想知道如何去做。我使用Javafx Text作为主要罪魁祸首,因为你可以自定义这么多。
我希望每个人都能理解我在这里想做什么,如果不是
$ b$ b
感谢jewelsea我能够找出一个解决方案。
> ListView< FlowPane> consoleWindow = new ListView<>();
ArrayList< FlowPane> consoleBuffer = FXCollections.observableArrayList();
consoleWindow.setItems(consoleBuffer);
inputBox.setOnKeyPressed(new EventHandler< KeyEvent>(){
@Override
public void handle(KeyEvent keyEvent){
if(keyEvent.getCode()= = KeyCode.ENTER){
consoleBuffer.add(parseInput.parseInputToArray(inputBox.getText()));
}
consoleWindow.scrollTo(consoleBuffer.size());
}
});
ConsoleInputParse :
public class ConsoleInputParse {
private String [] wordList = {};
public ConsoleInputParse(){}
public FlowPane parseInputToArray(String input){
wordList = input.trim()。split([] +) ;
return colorize();
}
public FlowPane colorize(){
ArrayList< Text> textChunks = new ArrayList<>();
FlowPane bundle = new FlowPane();
// Todo:使用regex检查有效字
for(String word:wordList){
String spaced = word +;
switch(word){
caseHello:casehello:
textChunks.add(customize(spaced,purple));
break;
caseWorld:caseworld:
textChunks.add(customize(spaced,blue));
break;
caseStack Overflow:
textChunks.add(customize(spaced,orange,Arial Bold,15));
默认值:
textChunks.add(customize(spaced,black,Arial,13));
break;
}
}
bundle.getChildren()。addAll(textChunks);
return bundle;
}
public Text customize(String word,String color){
return TextBuilder.create().text(word).fill(Paint.valueOf(color))。建立();
}
public Text customize(String word,String color,String font){
return TextBuilder.create()
.text(word)
.fill(Paint.valueOf(color))
.font(Font.font(font,12))。build();
}
public Text(String word,String color,String font,int fontSize){
return TextBuilder.create()
.text b $ b .fill(Paint.valueOf(color))
.font(Font.font(font,fontSize))。build();
}
}
工作示例
创建自定义中,您可以您可以使用 TextFlow
为文本设置样式,而不是在 FlowPane $ c中的不同
Text
$ c>。
Ok, I have a ListView object. I'm using this as a sort of console window for my server. It was really the only way I could think of to display colorized text in a box like that. Which this works wonderful so far. Now what I want to be able to do is color different text on one index or line.
Example:
listView[0] = "Hello " + "world";
Where "Hello" would be green and "world" would be blue. If this can be done usine javafx Text or any other way I would like to know how to go about it. I'm using Javafx Text as the primary culprit since you can customize so much with it.
I hope everyone can understand what I'm trying to do here, if not, let me know and I'll try to reword it a bit.
SOLUTION
Thanks to jewelsea I was able to figure out a solution. I went with a bit of a different approach with it instead of using a cellfactory.
ListView
ListView<FlowPane> consoleWindow = new ListView<>();
ArrayList<FlowPane> consoleBuffer = FXCollections.observableArrayList();
consoleWindow.setItems(consoleBuffer);
inputBox.setOnKeyPressed(new EventHandler<KeyEvent>() {
@Override
public void handle(KeyEvent keyEvent) {
if (keyEvent.getCode() == KeyCode.ENTER) {
consoleBuffer.add(parseInput.parseInputToArray(inputBox.getText()));
}
consoleWindow.scrollTo(consoleBuffer.size());
}
});
ConsoleInputParse:
public class ConsoleInputParse {
private String[] wordList = {};
public ConsoleInputParse() {}
public FlowPane parseInputToArray(String input) {
wordList = input.trim().split("[ ]+");
return colorize();
}
public FlowPane colorize() {
ArrayList<Text> textChunks = new ArrayList<>();
FlowPane bundle = new FlowPane();
//Todo: use regex to check for valid words
for (String word : wordList) {
String spaced = word + " ";
switch (word) {
case "Hello": case "hello":
textChunks.add(customize(spaced, "purple"));
break;
case "World": case "world":
textChunks.add(customize(spaced, "blue"));
break;
case "Stack Overflow":
textChunks.add(customize(spaced, "orange", "Arial Bold", 15));
default:
textChunks.add(customize(spaced, "black", "Arial", 13));
break;
}
}
bundle.getChildren().addAll(textChunks);
return bundle;
}
public Text customize(String word, String color) {
return TextBuilder.create().text(word).fill(Paint.valueOf(color)).build();
}
public Text customize(String word, String color, String font) {
return TextBuilder.create()
.text(word)
.fill(Paint.valueOf(color))
.font(Font.font(font, 12)).build();
}
public Text customize(String word, String color, String font, int fontSize) {
return TextBuilder.create()
.text(word)
.fill(Paint.valueOf(color))
.font(Font.font(font, fontSize)).build();
}
}
"Working Example"
Create a custom cellfactory for your ListView and have it generate cells containing a FlowPane with different Text instances, each with different styles. I created a sample to demonstrate this method.
Sample output:
In Java 8 you can you can use the TextFlow
to style your text rather than a combination of different Text
instances in a FlowPane
.
这篇关于Javafx文本多字彩色化的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!