Discussion :

[Daydreamer067]

Bonjour

J'ai l'anchorpane suivant :


On voit que si la fenetre est redimensionnée les boutons et contrôles sont tronqués puis disparaissent.

Le fxml est le suivant :

Code XML :

Sélectionner tout - Visualiser dans une fenêtre à part

<AnchorPane maxHeight="-Infinity" maxWidth="1.7976931348623157E308" minHeight="-Infinity" prefHeight="52.0" prefWidth="1020.0" styleClass="dark-background" xmlns="http://javafx.com/javafx/8.0.65" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.eps.helios.framework.compo.generic.footer.FooterController">

Comment je peux changer les min ou maxwidth, ou dans le css pour que ce qui se trouve dans le anchorpane se redimensionne automatiquement.

merci de vos réponses.

[bouye]

J'imagine que le bouton "Suivant" est ancré sur le bord droit ? Bon déjà s'il sort c'est que l'AnchorPane n'est pas redimensionné par son parent donc donc qu'il faut voir de ce coté là. Mais de toute manière il va y avoir un soucis car si ca diminue trop les boutons vont se retrouver empilés les uns sur les autres (puisque contrairement à d'autre layout, celui-ci ne va pas s'embêter à laisser de la place pour ses autres enfants, il les affiche juste les uns sur les autres).

Donc, comment est donc architecturé ce qu'on voit sur ce screen (au niveau des agencements de layout les uns dans les autres) ?

[Daydreamer067]

La barre en bas est un anchorpane.
A l'intérieur il y a deux Hbox. A gauche pour les boutons précédent et annuler et a droite pour les boutons suivant et terminer.

Le footer est un anchorpane ajouté à l'écran principal (borderpane).

Code XML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<AnchorPane maxHeight="-Infinity" maxWidth="1.7976931348623157E308" minHeight="-Infinity" prefHeight="52.0" prefWidth="1020.0" styleClass="dark-background" xmlns="http://javafx.com/javafx/8.0.65" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.eps.helios.framework.compo.generic.footer.FooterController">
   <children>
      <HBox fx:id="leftHBox" alignment="CENTER_LEFT" nodeOrientation="LEFT_TO_RIGHT" prefHeight="52.0" spacing="12.0" AnchorPane.leftAnchor="32.0" />
      <HBox alignment="CENTER" layoutX="988.0" spacing="10.0" AnchorPane.rightAnchor="32.0">
         <children>
            <ImageView fx:id="waitSpinner" pickOnBounds="true" preserveRatio="true" HBox.hgrow="NEVER" />
            <HBox fx:id="rightHBox" alignment="CENTER_LEFT" nodeOrientation="RIGHT_TO_LEFT" prefHeight="52.0" spacing="12.0" />
         </children>
      </HBox>
   </children>
</AnchorPane>

J'ai vu sur un forum qu'il faut changer anchorpane.leftAnchor ou rightAnchor mais je ne connais pas les paramètres.

[bouye]

Bon déjà j'essaie de comprendre ce que tu veux faire puisque ce FXML ne correspond pas tout a fait a ce que tu as dans ton image. Un truc comme ca ne serait pas mieux ?
PS: externaliser les tailles des deux bouton dans CSS.

Code XML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<HBox maxHeight="-Infinity" maxWidth="1.7976931348623157E308" minHeight="-Infinity" prefHeight="52.0" prefWidth="1020.0" styleClass="dark-background" xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1" fx:controller="footer.FooterController">
   <children>
      <HBox fx:id="leftHBox" alignment="CENTER_LEFT" nodeOrientation="LEFT_TO_RIGHT" prefHeight="52.0" spacing="12.0" AnchorPane.leftAnchor="32.0" HBox.hgrow="NEVER">
          <Button minHeight="32" minWidth="32" />
          <Button minHeight="32" minWidth="32" />
      </HBox>
      <HBox fx:id="centerHBox" alignment="CENTER" layoutX="988.0" spacing="10.0" AnchorPane.rightAnchor="32.0" HBox.hgrow="ALWAYS">
         <children>
            <ImageView fx:id="waitSpinner" pickOnBounds="true" preserveRatio="true" HBox.hgrow="NEVER" />
         </children>
      </HBox>
      <HBox fx:id="rightHBox" alignment="CENTER_LEFT" nodeOrientation="RIGHT_TO_LEFT" prefHeight="52.0" spacing="12.0" HBox.hgrow="NEVER" />
   </children>
</HBox>

[Daydreamer067]

En fait le footer.fxml est dans un borderpane principal :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<BorderPane styleClass="grey-level3-background" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.eps.helios.application.main.LeftScreenController">
   <top>
      <AnchorPane fx:id="headerBarContainer" />
   </top>
   <center>
      <AnchorPane fx:id="leftContentContainer" style="-fx-background-color: #cfd8dd;" styleClass="grey-level3-background" />
   </center>
</BorderPane>

Il est ajouté après le anchorpane leftcontentcontainer dans le controller.

[Daydreamer067]

Comment est-ce que je peux lier l'anchorpane footer au borderpane principal ?
Est-ce que je mets des setLeftAnchor dans le code ?