WINDEV NOUVELLE VERSION 2024

258 N o u v e a u t é W D W B WM FLEXBOX, LE PRINCIPE Flexbox est un concept de grille adaptative qui permet de position- ner des champs de manière relative. Surtout utilisé en Web, ce mode est également utile sous Windows et sur mobile lorsque l’on utilise des champs avec un contenu dynamique (texte plus long qui passe sur plusieurs lignes par exemple ou traduction en plusieurs langues), ou par exemple lors d’un redimensionnement de fenêtre. Le positionnement s’effectue automatiquement en ligne ou en co- lonne selon des règles précises qui se cumulent. Il s’agit d’un positionnement relatif, et non plus au pixel. Flexbox est utilisable sur la fenêtre entière mais également uni- quement sur un groupe de champs. Un exemple connu de tous est le repositionnement des champs dans la fenêtre des paramètres de Windows 11. Gain apporté par la nouveauté 2024 : Un nouveau mode de positionnement 259 N o u v e a u t é W D W B WM LES RÈGLES DISPONIBLES Un champ Flexbox peut être considéré comme une boîte. A l’intérieur d’une boîte (à l’intérieur d’un champ Flexbox), les champs sont positionnés les uns derrière les autres. Point important : un ou plusieurs de ces champs peuvent eux- mêmes être des champs Flexbox. Pour chaque boîte, il faut d’abord indiquer comment positionner les champs qu’elle contient : en ligne ou en colonne. Il faut ensuite indiquer quel sera le comportement des champs lors du redimensionnement de la boîte ou des champs : retour à la ligne ou non, agrandissement, réduction... Et ainsi de suite pour tous les autres comportements de position- nement et redimensionnement. Un ascenseur apparaît automatiquement si nécessaire. Les comportements se définissent facilement grâce à la techno- logie visuelle des 7 onglets, qui propose tous les comportements possibles. Gain apporté par la nouveauté 2024 : Flexibilté Définition de règles 260 N o u v e a u t é W D W B WM EXEMPLES D’UTILISATION LOCALE Multilingue: les textes traduits en différentes langues ont presque toujours des longueurs différentes ! La taille des boutons change, le bouton qui s’agrandit pousse l’autre bouton. Ici pour que les boutons restent toujours alignés en bas à droite de la fenêtre, lors d’une traduction et/ou lors d’un agrandissement ou réduction de fenêtre, un champ Flexbox est la solution idéale. Les boutons restent alignés en bas de fenêtre Gain apporté par la nouveauté 2024 : Un positionnement respecté FLEXBOX EN WINDEV EXEMPLES UNE MÉTHODE SUPPLÉMENTAIRE DE DISPOSITION ADAPTATIVE DES CHAMPS SOUS WINDEV L e s n o u v e a u t é s W I ND E V 2 0 2 4 WE B D E V 2 0 2 4 W I ND E V Mo b i l e 2 0 2 4 50