11
votes

Comment créer des onglets avec des icônes dans JavaFX

Je veux créer un panneau d'onglets avec des icônes similaires au panneau de configuration Firefox avec JavaFX:

Entrez la description de l'image ici

Y a-t-il un exemple que je peux utiliser pour voir comment implémenter cela?


1 commentaires

SetGraphic (noeud YourNode) de la classe d'onglets est un bon moyen d'ajouter n'importe quel noeud à vos onglets. Mais si vous souhaitez que votre application ressemble à celle que vous avez montrée dans l'image, essayez-la avec la barre d'outils au lieu de TABPANE (ma suggestion).


3 Réponses :


17
votes

onglets, comme beaucoup d'autres éléments de JavaFX, ont une méthode appelée SetGraphic (valeur de nœud) , dans laquelle vous pouvez mettre n'importe quel nœud Javafx. Exemple: xxx

résultat:

onglets dans un Tabpane


0 commentaires

4
votes

Je connais c'est un vieux fil, mais je n'ai pas trouvé de réponse directe nulle part. J'ai donc pensé à l'afficher que ce sera serviable pour une recherche de la recherche.

C'est ce que j'ai fait pour obtenir un onglet comme un écran de préférences Firefox.

Ajoutez l'image à l'onglet avec SetGraphics et ajoutez le code suivant au fichier CSS de l'application. Ma taille d'image était de 48x48. Donc, je suis allé pour la hauteur comme 70. xxx


1 commentaires

Pour référence, voici un exemple de définition du FXML. Stackoverflow.com/a/9930822/652696



0
votes

Comment ajouter une image directement à partir de l'URL d'image:

          Tab tab = new Tab();
          tab.setGraphic(buildImage("patch/to/image");

    // Helper method to create image from image patch
    private static ImageView buildImage(String imgPatch) {
            Image i = new Image(imgPatch);
            ImageView imageView = new ImageView();
            //You can set width and height
            imageView.setFitHeight(16);
            imageView.setFitWidth(16);
            imageView.setImage(i);
            return imageView;
        }


0 commentaires