Les Layouts et leurs méthodes - MaximeOpsommer/TP-Vaadin GitHub Wiki

Pour tous les Layouts :

Rendre visible ou non un layout:

  • MonLayout.setVisible(BOOLOEAN);

Ajouter des composants :

  • MonLayout.addComponents(MonTextFieldNom, MonTextFieldPrenom, MonDateFieldAnniversaire, MonLayoutMesBoutons);

Gérer le ratio de visibilité des composants :

  • MonLayout.setExpandRatio(MonComposant, 1); // MonComposant prendra toute la place

Gérer la disposition des composants :

  • MonLayout.setComponentAlignment(composant, Aligment.BOTTOM_CENTER); Ici un alignment basic

Plus d'infos sur les layouts :

Le HorizontalLayout :

Utile pour mettre par exemple deux boutons l'un a coté de l'autre.

  • HorizontalLayout MonLayoutMesBoutons= new HorizontalLayout(MonPremierBouton, MonDeuxiemeBouton);

Le VerticalLayout :

Utile pour mettre par exemple tout ce dont vous avez besoin dans le UI.

  • final VerticalLayout layout = new VerticalLayout();

Le CssLayout :

Utile pour mettre par exemple un filtre est son bouton d'action de manière design.

  • CssLayout LayoutFilterCool = new CssLayout();

Mettre un style au Layout:

  • LayoutFilterCool.setStyleName(ValoTheme.LAYOUT_COMPONENT_GROUP); // Ici le thème basic