我正在使用RichTextFx的 CodeArea 来突出显示自定义迷你语言代码。
现在在执行这段代码时,我想在当前执行的行前面显示一个小箭头。我知道具体的行号,但行号标签不会发生任何事情。
由于 github 项目声称显示行号或断点切换作为一项功能,因此这不是很困难。但是什么都做不了...
提前致谢
我正在使用RichTextFx的 CodeArea 来突出显示自定义迷你语言代码。
现在在执行这段代码时,我想在当前执行的行前面显示一个小箭头。我知道具体的行号,但行号标签不会发生任何事情。
由于 github 项目声称显示行号或断点切换作为一项功能,因此这不是很困难。但是什么都做不了...
提前致谢
要在行前显示任何图形,需要设置 CodeArea 的“段落图形工厂”。这个图形工厂只是一个函数int -> Node
:给定行号,它返回一个Node
将显示在行前的值。
这是一个图形工厂,它产生一个指向线条的绿色三角形。只有当行等于给定的整数属性时才会显示shownLine
。
class ArrowFactory implements IntFunction<Node> {
private final ObservableValue<Integer> shownLine;
ArrowFactory(ObservableValue<Integer> shownLine) {
this.shownLine = shownLine;
}
@Override
public Node apply(int lineNumber) {
Polygon triangle = new Polygon(0.0, 0.0, 10.0, 5.0, 0.0, 10.0);
triangle.setFill(Color.GREEN);
ObservableValue<Boolean> visible = Val.map(
shownLine,
sl -> sl == lineNumber);
triangle.visibleProperty().bind(visible.conditionOnShowing(triangle));
return triangle;
}
}
您创建的每个图形(即绿色小三角形)都将观察给定的shownLine
属性以决定它是否应该可见。随着线条和线条图形的来来去去,shownLine
当图形不再使用时,移除监听器很重要。visible.conditionOnShowing(triangle)
是一个新属性,它将停止观察该visible
属性(并自动停止观察该shownLine
属性,这要归功于 ReactFX 的惰性绑定语义)并false
在三角形不是显示窗口的一部分时重置为常量。因此,我们不会因为未清理的侦听器而导致内存或 CPU 泄漏。
这是一个完整的可运行演示,它使用它ArrowFactory
与LineNumberFactory
RichTextFX 提供的结合来显示行号和一个小三角形。此演示使用 CodeArea 的当前行作为shownLine
属性。您需要将其替换为包含当前执行行的属性。
import java.util.function.IntFunction;
import javafx.application.Application;
import javafx.beans.value.ObservableValue;
import javafx.geometry.Pos;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.layout.HBox;
import javafx.scene.layout.StackPane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Polygon;
import javafx.stage.Stage;
import org.fxmisc.richtext.CodeArea;
import org.fxmisc.richtext.LineNumberFactory;
import org.reactfx.value.Val;
public class CodeAreaWithLineIndicator extends Application {
public static void main(String[] args) {
launch(args);
}
@Override
public void start(Stage primaryStage) {
CodeArea codeArea = new CodeArea();
IntFunction<Node> numberFactory = LineNumberFactory.get(codeArea);
IntFunction<Node> arrowFactory = new ArrowFactory(codeArea.currentParagraphProperty());
IntFunction<Node> graphicFactory = line -> {
HBox hbox = new HBox(
numberFactory.apply(line),
arrowFactory.apply(line));
hbox.setAlignment(Pos.CENTER_LEFT);
return hbox;
};
codeArea.setParagraphGraphicFactory(graphicFactory);
primaryStage.setScene(new Scene(new StackPane(codeArea), 600, 400));
primaryStage.show();
}
}
class ArrowFactory implements IntFunction<Node> {
private final ObservableValue<Integer> shownLine;
ArrowFactory(ObservableValue<Integer> shownLine) {
this.shownLine = shownLine;
}
@Override
public Node apply(int lineNumber) {
Polygon triangle = new Polygon(0.0, 0.0, 10.0, 5.0, 0.0, 10.0);
triangle.setFill(Color.GREEN);
ObservableValue<Boolean> visible = Val.map(
shownLine,
sl -> sl == lineNumber);
triangle.visibleProperty().bind(visible.conditionOnShowing(triangle));
return triangle;
}
}
这是结果: