Du nouveau dans la boîte à outils de la communauté .NET MAUI

Par:
fredericmazue

ven, 02/12/2022 - 16:29

Pour ceux qui ne connaissent pas la boîte à outils de la communauté .NET MAUI, il s'agit d'une bibliothèque créée par la communauté qui contient des extensions, des contrôles UI/UX avancés, des convertisseurs et des comportements pour vous faciliter la vie en tant que développeur .NET MAUI. Cette boite est gratuite et open source, disponible sur GitHub sous licence MIT, et créée pour les développeurs .NET MAUI par les développeurs .NET MAUI.

Bien évidemment la communauté a publié une version de cette boite à outils qui prend en charge .NET 7 publié récemment.

En plus de cela, cette nouvelle version apporte de nouveaux contrôles intéressants. Voici deux exemples.

Vue agrandie

La vue Expander est un contrôle de conteneur qui permet de développer et de réduire le contenu visuel lorsque vous appuyez sur un en-tête. Le contrôle comprend deux sections, l'en-tête et le contenu. Le contenu est affiché ou masqué en appuyant sur le Expander.Header ou en définissant la propriété IsExpanded.

Le contrôle de mise en page DockLayout

Le DockLayout est une mise en page où les vues peuvent être ancrées sur les côtés du conteneur de mise en page. Cela en fait un excellent choix dans de nombreuses situations, où vous souhaitez diviser l'écran en zones spécifiques.

Un DockLayout basique peut être créé en XAML comme ceci :

<toolkit:DockLayout>
    <Button toolkit:DockLayout.DockPosition="Top" Text="Top" HeightRequest="50" />
    <Button toolkit:DockLayout.DockPosition="Bottom" Text="Bottom" HeightRequest="70" />
    <Button toolkit:DockLayout.DockPosition="Left" Text="Left" WidthRequest="80" />
    <Button toolkit:DockLayout.DockPosition="Right" Text="Right" WidthRequest="90" />
    <Button Text="Center" />
</toolkit:DockLayout>