JavaFX 2 Automatique De La Largeur De La Colonne

J'ai un JavaFX 2 tableau qui affiche les détails de contact pour les personnes, permet d'imaginer il y a trois colonnes: nom, prénom et adresse e-mail. Quand mon application démarre, elle remplit le tableau avec plusieurs lignes de données sur les personnes qui sont déjà dans le système.

Le problème est que les largeurs de colonne sont tous les mêmes. La plupart du temps le premier et le dernier nom est affiché en entier, mais l'adresse e-mail est arriver coupées. L'utilisateur peut double-cliquez sur le diviseur dans l'en-tête pour redimensionner la colonne mais que va devenir rapidement fastidieux.

Une fois que la table a été pré-rempli, je voudrais en programmant redimensionner toutes les colonnes à afficher les données qu'ils contiennent, mais je ne peux pas comprendre comment le faire. Je vois que je peux appeler col.setPrefWidth(x) mais qui n'aide pas vraiment comme je l'aurais deviner la largeur.

InformationsquelleAutor wobblycogs | 2012-04-14

javafx-2

71

Si votre nombre total de colonnes sont pré-connu. Vous pouvez distribuer les largeurs de colonne entre la tableview largeur:
```
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
```
Dans le présent code, les proportions de la largeur des colonnes sont conservées dans la synchronisation lors de la tableview est redimensionnée, de sorte que vous n'avez pas besoin de le faire manuellement. Aussi la surnameCol prend la moitié de l'espace de la tableview de largeur.

InformationsquelleAutor Uluk Biy
14

Cela fonctionne pour moi en 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
```
Dans les autres exemples que vous avez le problème, la barre de défilement verticale largeur est ignoré.
- Où voyez-vous que vous pouvez passer des pourcentages de setMaxWidth ?
- Astuce - assez grand nombre pour que proportionnelle dimensionnement bas doit être utilisé pour ajuster à la taille réelle.
- Grâce à l'aide de votre technique aujourd'hui. Encore j'ai été confronté à des problèmes avec la barre de défilement verticale de largeur. Lorsque suffisamment d'éléments sont ajoutés que la barre de défilement verticale est apparu immédiatement, il a causé un peu de décalage entre la verticale TableView lignes d'en-tête et les lignes. J'ai été en mesure de résoudre ce problème en l'actualisation de la TableView: Après myTableView.setItems(myObservableList); de rafraîchissement de l'Interface Utilisateur Graphique (GUI) en accédant à l'Application Thread avec: ligne n ° 1: Platform.runLater(new Runnable() { de la ligne #2: @Override public void run() { ligne n ° 3: myTableView.refresh(); ligne n ° 4: }});
InformationsquelleAutor Rene Kiupel
3

Comme je l'ai utiliser SceneBuider, je viens de définir les MinWidth, et MaxWidth à certains de colonnes et de la colonne principale je viens de définir les PrefWidth à "USE_COMPUTED_SIZE"
- La programmation de la version de c'est juste de la col.setPrefWidth(Control.USE_COMPUTED_SIZE);
InformationsquelleAutor Rubens

Après 3 ans, j'ai enfin trouvé la solution, javafx colonne dans tableview auto ajustement de la taille

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();
                    }
                }
            }
        });
    }
}

Je ne peux pas trouver ou importer la classe TableViewSkin. Je suis à l'aide de Java 8 et cette classe ne semblent pas exister.
Il n'existe plus, cette solution ne peut pas être utilisé avec les nouvelles versions de JAVA. Voir: stackoverflow.com/questions/50583912/...
il est plus que temps que je n'ai pas dev JavaFX, mais lorsque cette méthode est supprimé, est-il en mesure de double cliquez sur le séparateur de colonnes d'auto ajustement, si elle l'est, nous pouvons trouver la méthode la triggerred

InformationsquelleAutor yelliver

Si vous aviez 4 colonnes et seulement la dernière colonne besoin de développer pour remplir le reste de la largeur du tableau et les autres colonnes sont restés la taille que j'ai mis en Scène Builder.

double width = col1.widthProperty().get();
width += col2.widthProperty().get();
width += col3.widthProperty().get();

col4.prefWidthProperty().bind(table.widthProperty().subtract(width));

Ou si vous avez eu 2 colonnes que nécessaire pour élargir ensuite.

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));

InformationsquelleAutor Kelly Wiles

0

Vous pouvez aussi le faire en éditant le fichier fxml si vous en avez un.
```
<TableColumn fx:id="blackout_number_column" prefWidth="30.0" text="%number">
```
Le paramètre prefWidth vous permet de modifier la valeur par défaut d'une colonne.

InformationsquelleAutor lmiguelvargasf

À generelize la largeur et à utiliser un nombre quelconque et assurez-vous que la largeur est de 100% de la largeur du tableau, vous pouvez utiliser :

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-------------^-------------^
}

InformationsquelleAutor YCF_L

0

Aussi, une simple astuce basée sur une AnchorPane sera une bonne solution.

On va envelopper le TableView dans un AnchorPane mais aussi nous allons ancrage à gauche et à droite de l' TableView comme ceci:
```
AnchorPane wrapper = new AnchorPane();

AnchorPane.setRightAnchor(table, 10.0);
AnchorPane.setLeftAnchor(table, 10.0);
wrapper.getChildren().add(table);
```
Ce code simple permet d'étirer le TableView dans les deux directions (droite et gauche) aussi, il va ajuster à chaque fois que la barre de défilement est ajouté.

Vous pouvez obtenir une idée de comment cela fonctionne regarder ce gif animé.

Maintenant, vous pouvez redimensionner les colonnes, en ajoutant ces lignes:
```
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
```
InformationsquelleAutor Teocci

Vous devez vous connecter pour publier un commentaire.