我不会在JavaFX表中放置格式化文本。首先,我试图嵌入Webview,但我遇到了单元格高度问题。这似乎是JavafX中的任务功能(参见:Java FX: TableView - display simple HTML)。
根据此处的建议,我尝试嵌入TextFlow。然而,TabelCell的大小再次不正确。我希望行的高度同样大,单元格的内容适合内部。更改列宽应导致更改行高度。
这是我的最小运行示例。
import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.ContentDisplay;
import javafx.scene.control.TableCell;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.control.cell.PropertyValueFactory;
import javafx.scene.layout.Region;
import javafx.scene.paint.Color;
import javafx.scene.text.Text;
import javafx.scene.text.TextFlow;
import javafx.stage.Stage;
public class TableViewSample extends Application {
private final ObservableList<MyData> data = FXCollections.observableArrayList(new MyData(1L), new MyData(3L), new MyData(2L), new MyData(4L), new MyData(1L));
public static void main(final String[] args) {
launch(args);
}
@Override
public void start(final Stage stage) {
final Scene scene = new Scene(new Group());
TableView<MyData> table = new TableView<>();
final TableColumn<MyData, Long> nameCol = new TableColumn("So So");
nameCol.setMinWidth(200);
nameCol.setCellValueFactory(new PropertyValueFactory<>("i"));
// Allow to display Textflow in Column
nameCol.setCellFactory(column -> {
return new TableCell<MyData, Long>() {
@Override
protected void updateItem(Long item, boolean empty) {
super.updateItem(item, empty);
if (item == null || empty) {
setText(null);
setStyle("");
} else {
// Generate Textflow with variable length
TextFlow textFlow = new TextFlow();
textFlow.setPrefHeight(Region.USE_COMPUTED_SIZE);
for (Long ii = 1L; ii <= item; ii++) {
Text text1 = new Text("la la la ");
text1.setFill(Color.RED);
Text text2 = new Text("blue blue blue ");
text2.setFill(Color.BLUE);
textFlow.getChildren().add(text1);
textFlow.getChildren().add(text2);
}
setContentDisplay(ContentDisplay.GRAPHIC_ONLY);
setGraphic(textFlow);
// setPrefHeight(20); // <- Shows the expected effect.
// However I want to have variable height of row.
setPrefHeight(Region.USE_COMPUTED_SIZE); // <- Why is that not working
}
}
};
});
table.setItems(data);
table.getColumns().addAll(nameCol);
((Group) scene.getRoot()).getChildren().addAll(table);
stage.setScene(scene);
stage.show();
}
public static class MyData {
private Long i;
public MyData(Long i) { this.i = i; }
public Long getI() { return i; }
}
}
答案 0 :(得分:3)
我在应用程序中遇到了同样的问题,并认为这是FX代码中的错误。在调试JDK代码之后,我终于明白了问题的来源。
在渲染过程中,如果宽度为-1,将询问TextFlow
的首选高度。然后TextFlowLayout
将返回高度,就像它必须在极窄的列中显示所有内容一样,从而产生与TextFlow
对象中的字符数成正比的优先高度。由于行的高度不限于TableView
或TreeTableView
,因此表格将分配TextFlow
对象的首选高度,从而导致上述奇怪的外观。
问题可以通过将单元格的首选高度设置为textFlow
的高度来解决,并且如果单元格的宽度发生变化,还可以在宽度上添加ChangeListner
以适应高度。
setPrefHeight(textFlow.prefHeight(nameCol.getWidth()) + 4);
nameCol.widthProperty().addListener((v, o, n) ->
setPrefHeight(textFlow.prefHeight(n.doubleValue()) + 4));
答案 1 :(得分:0)
TableView增加单元格中每个文本节点的单元格高度。如果使用TextFlow组件,则行会增加自己的高度,就像每个字母位于单独的行中一样。
我不知道如何防止这个错误。
我建议你在单元格中只使用一个Text节点,或者使用TableView代替TableView。这个组件没有这个缺点。