Автоматическая Ширина Столбца JavaFX 2
У меня есть таблица JavaFX 2, которая отображает контактные данные для людей, давайте представим, что есть три столбца: имя, фамилия и адрес электронной почты. Когда мое приложение запускается, оно заполняет таблицу несколькими строками данных о людях, уже находящихся в системе.
проблема в том, что ширины столбцов одинаковы. В большинстве случаев имя и фамилия отображаются полностью, но адрес электронной почты обрезается. Пользователь может дважды щелкнуть разделитель в заголовок для изменения размера столбца, но это быстро станет утомительным.
Как только таблица была предварительно заполнена, я хотел бы программно изменить размер всех столбцов для отображения данных, которые они содержат, но я не могу понять, как этого достичь. Я вижу, что могу позвонить col.setPrefWidth(x)
но это не очень помогает, так как я должен был бы угадать ширину.
8 ответов
Если ваше общее количество столбцов заранее известно. Вы можете распределить ширину столбца по ширине tableview:
nameCol.prefWidthProperty().bind(personTable.widthProperty().divide(4)); // w * 1/4
surnameCol.prefWidthProperty().bind(personTable.widthProperty().divide(2)); // w * 1/2
emailCol.prefWidthProperty().bind(personTable.widthProperty().divide(4)); // w * 1/4
в этом коде пропорции ширины столбцов синхронизируются при изменении размера tableview, поэтому вам не нужно делать это вручную. Также surnameCol
занимает половину пространства ширины tableview.
это работает для меня в JavaFX 8
table.setColumnResizePolicy( TableView.CONSTRAINED_RESIZE_POLICY );
col1.setMaxWidth( 1f * Integer.MAX_VALUE * 50 ); // 50% width
col2.setMaxWidth( 1f * Integer.MAX_VALUE * 30 ); // 30% width
col3.setMaxWidth( 1f * Integer.MAX_VALUE * 20 ); // 20% width
в других примерах у вас есть проблема, вертикальная ширина полосы прокрутки игнорируется.
после 3 лет, наконец, я нашел решение,столбец javafx в tableview auto fit size
import com.sun.javafx.scene.control.skin.TableViewSkin;
import javafx.scene.control.Skin;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import java.lang.reflect.InvocationTargetException;
import java.lang.reflect.Method;
public class GUIUtils {
private static Method columnToFitMethod;
static {
try {
columnToFitMethod = TableViewSkin.class.getDeclaredMethod("resizeColumnToFitContent", TableColumn.class, int.class);
columnToFitMethod.setAccessible(true);
} catch (NoSuchMethodException e) {
e.printStackTrace();
}
}
public static void autoFitTable(TableView tableView) {
tableView.getItems().addListener(new ListChangeListener<Object>() {
@Override
public void onChanged(Change<?> c) {
for (Object column : tableView.getColumns()) {
try {
columnToFitMethod.invoke(tableView.getSkin(), column, -1);
} catch (IllegalAccessException | InvocationTargetException e) {
e.printStackTrace();
}
}
}
});
}
}
когда я использую SceneBuider, я просто определяю MinWidth и MaxWidth для некоторых столбцов и для основного столбца, я просто определяю PrefWidth для "USE_COMPUTED_SIZE"
Если у вас было 4 столбца и только последний столбец должен был расшириться, чтобы заполнить остальную ширину таблицы, а другие столбцы остались размером, который я установил в Scene Builder.
double width = col1.widthProperty().get();
width += col2.widthProperty().get();
width += col3.widthProperty().get();
col4.prefWidthProperty().bind(table.widthProperty().subtract(width));
или если у вас было 2 столбца, которые нужно было развернуть.
double width = col1.widthProperty().get();
width += col3.widthProperty().get();
col2.prefWidthProperty().bind(table.widthProperty().subtract(width).divide(2));
col4.prefWidthProperty().bind(table.widthProperty().subtract(width).divide(2));
вы также можете сделать это, отредактировав файл fxml, если он у вас есть.
<TableColumn fx:id="blackout_number_column" prefWidth="30.0" text="%number">
параметр prefWidth
позволяет изменять значение по умолчанию с колонны.
чтобы обобщить ширину и использовать любое число и убедиться, что ширина составляет 100% от ширины таблицы, вы можете использовать:
double[] widths = {20, 30, 50, 20, 30, 70, 50};//define the width of the columns
//calculate the sum of the width
double sum = 0;
for (double i : widths) {
sum += i;
}
//set the width to the columns
for (int i = 0; i < widths.length; i++) {
table.getColumns().get(i).prefWidthProperty().bind(
table.widthProperty().multiply(sizes[i] / sum));
//---------The exact width-------------^-------------^
}
кроме того, очень простой трюк, основанный на AnchorPane
будет хорошим решением.
мы завернем TableView
на AnchorPane
но также мы собираемся закрепить левую и правую сторону TableView
такой:
AnchorPane wrapper = new AnchorPane();
AnchorPane.setRightAnchor(table, 10.0);
AnchorPane.setLeftAnchor(table, 10.0);
wrapper.getChildren().add(table);
этот простой код растянет TableView
в обоих направлениях (справа и слева) также он будет настраиваться при добавлении полосы прокрутки.
вы можете получить представление о том, как это работает, смотрите этот анимационный файл gif.
теперь вы можете изменить размер столбцов, добавив следующие строки:
fnColumn.setMaxWidth( 1f * Integer.MAX_VALUE * 30 ); // 30% width
lnColumn.setMaxWidth( 1f * Integer.MAX_VALUE * 40 ); // 40% width
emColumn.setMaxWidth( 1f * Integer.MAX_VALUE * 30 ); // 30% width