Автоматическая Ширина Столбца JavaFX 2

У меня есть таблица JavaFX 2, которая отображает контактные данные для людей, давайте представим, что есть три столбца: имя, фамилия и адрес электронной почты. Когда мое приложение запускается, оно заполняет таблицу несколькими строками данных о людях, уже находящихся в системе.

проблема в том, что ширины столбцов одинаковы. В большинстве случаев имя и фамилия отображаются полностью, но адрес электронной почты обрезается. Пользователь может дважды щелкнуть разделитель в заголовок для изменения размера столбца, но это быстро станет утомительным.

Как только таблица была предварительно заполнена, я хотел бы программно изменить размер всех столбцов для отображения данных, которые они содержат, но я не могу понять, как этого достичь. Я вижу, что могу позвонить col.setPrefWidth(x) но это не очень помогает, так как я должен был бы угадать ширину.

40
javafx-2

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.

64

это работает для меня в 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

в других примерах у вас есть проблема, вертикальная ширина полосы прокрутки игнорируется.

11

после 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();
                    }
                }
            }
        });
    }
}
3

когда я использую SceneBuider, я просто определяю MinWidth и MaxWidth для некоторых столбцов и для основного столбца, я просто определяю PrefWidth для "USE_COMPUTED_SIZE"

2

Если у вас было 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));
1

вы также можете сделать это, отредактировав файл fxml, если он у вас есть.

<TableColumn fx:id="blackout_number_column" prefWidth="30.0" text="%number">

параметр prefWidth позволяет изменять значение по умолчанию с колонны.

0

чтобы обобщить ширину и использовать любое число и убедиться, что ширина составляет 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-------------^-------------^
}
0

кроме того, очень простой трюк, основанный на AnchorPane будет хорошим решением.

мы завернем TableView на AnchorPane но также мы собираемся закрепить левую и правую сторону TableView такой:

AnchorPane wrapper = new AnchorPane();

AnchorPane.setRightAnchor(table, 10.0);
AnchorPane.setLeftAnchor(table, 10.0);
wrapper.getChildren().add(table);

этот простой код растянет TableView в обоих направлениях (справа и слева) также он будет настраиваться при добавлении полосы прокрутки.

вы можете получить представление о том, как это работает, смотрите этот анимационный файл gif.

enter image description here

теперь вы можете изменить размер столбцов, добавив следующие строки:

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
0