Sables de MAUI : Numéro 48

Bienvenue dans Sands of MAUI, des numéros de type newsletter dédiés à rassembler les derniers contenus .NET MAUI pertinents pour les développeurs.

Une particule de sable, minuscule et inoffensive. Mais mettez beaucoup de particules de sable ensemble et nous avons quelque chose de grand, une force avec laquelle il faut compter. Ce sont les plus petits grains de sable qui s'additionnent souvent pour former des plages massives, des dunes et des déserts.

La plupart des développeurs .NET attendent avec impatience l'interface utilisateur de l'application multiplateforme .NET (MAUI)—l'évolution de Xamarin.Forms avec .NET 6. À l'avenir, les développeurs devraient avoir beaucoup plus confiance dans la pile technologique et les outils, car .NET MAUI renforce les solutions multiplateformes natives sur mobile et ordinateur de bureau.

Bien que le vol soit long jusqu'à ce que nous atteignions les sables de MAUI, l'enthousiasme des développeurs est palpable dans toutes les actualités/contenus alors que nous bricolons et nous préparons pour .NET MAUI. Comme les grains de sable, chaque actualité/article/vidéo/tutoriel/flux contribue aux connaissances des développeurs et nous développons une communauté/un écosystème désireux d'apprendre et d'aider.

Sands of MAUI est une humble tentative de rassembler toutes les merveilles de .NET MAUI en un seul endroit. Voici ce qui est remarquable pour la semaine du14 mars 2022:

Présentation de .NET MAUI Preview 13

.NET MAUI Preview 13 est sorti depuis un moment et Preview 14 est presque terminé. Cependant, de nombreux développeurs rattrapent le rythme effréné des versions préliminaires de .NET MAUI et les premiers utilisateurs migrent souvent des applications à partir de versions précédentes.

Gérald Versluisréalisé une vidéo surPrésentation de .NET MAUI Preview 13– un aperçu global de la situation actuelle et de la manière de passer d'une version d'aperçu à l'autre.

Gerald a commencé par le billet de blog d'annonce de .NET MAUI Preview 13 et a parcouru les principales fonctionnalités – un meilleur démarrage des applications et un meilleur réglage des performances étaient les principaux points à retenir. Les développeurs à la pointe de la technologie avec .NET MAUI doivent reconnaître le plaisir et la douleur souvent associés aux bits / outils de prévisualisation – la nouveauté des fonctionnalités est agréable, mais les changements de rupture sont également une réalité.

Gerald a parcouru une grande partie de la documentation et du wiki .NET MAUI. Il existe désormais des informations documentées sur la façon de déplacer les anciens projets .NET MAUI vers les dernières prévisualisations. La vie des développeurs est sur le point de s'améliorer à mesure que les environnements d'exécution, les modèles et les outils .NET MAUI se solidifient avant les versions Release Candidate à venir.

Générateurs de sources MVVM

Model View ViewModel (MVVM) est un modèle de conception éprouvé et il fonctionne très bien pour les bases de code XAML/C#. Il convient donc parfaitement à Xamarin.Forms et .NET MAUI. Cependant, lancer MVVM par vous-même signifie souvent écrire beaucoup de code passe-partout, implémentantINotifyPropertyChangedpour la liaison de données bidirectionnelle, la définition de commandes ou la rédaction d'unAfficherModelBase classer. Il s'avère que de nos jours, les développeurs n'ont pas à écrire tout ce code passe-partout et ont une implémentation MVVM générée automatiquement prête à l'emploi.

Jacques Montemagnoréalisé une vidéo surGénérateurs de sources MVVM— fait désormais partie de la boîte à outils de la communauté .NET.

James commence par les bases de MVVM avec les implémentations INotifyPropertyChanged/Command, ce que tout développeur XAML/C#/.NET devrait savoir. Cependant, prenez l'aperçuCommunityToolkit.Mvvmpackage NuGet, et vous commencerez à voir les avantages immédiatement.

Les développeurs peuvent annoter une classe ViewModel avec l'attribut INotifyPropertyChanged et en faire une classe partielle. Tout le câblage de l'événement PropertyChanged passe-partout est généré automatiquement avec les générateurs de sources. Alternativement, les développeurs pourraient étendre laObjetObservable interface et annotez les propriétés individuelles en tant que ObservableProperty – une grande partie du code passe-partout pour la liaison de données est générée automatiquement par les analyseurs de la boîte à outils. Décorez une méthode avec leJe commande et vous obtenez automatiquement une implémentation de IRelayCommand/IAsyncRelayCommand. James fait l'excellent travail habituel de démonstration des fonctionnalités avec un code facile à suivre. Les développeurs doivent donc consulter la dernière boîte à outils de la communauté .NET.

StateLayout avec des collections

Il y a quelque temps, Steven Thewissen avait créé un merveilleux plugin qui permettait d'afficher une vue de composant d'interface utilisateur spécifique lorsque le contenu est dans un état spécifique. Cela fait maintenant partie de la boîte à outils de la communauté Xamarin en tant queStateLayout.

Charlin Agramontea écrit un bel article sur la façon deutiliser StateLayout pour charger des données dans des collections pour les applications Xamarin.Forms/.NET MAUI.

Les développeurs doivent saisir leBoîte à outils de la communauté Xamarin Package NuGet pour démarrer avec Statelayout – il permet différentes vues en fonction d'états spécifiques et les vues changent automatiquement avec l'état actuel. Il existe des états prédéfinis tels que Chargement, Erreur, Succès, Enregistrement, etc., mais les développeurs peuvent également définir leur propre état personnalisé. Et il peut y avoir des transitions animées lors du passage d'un état à l'autre.

Charlin poursuit en expliquant comment utiliser StateLayout avecCollectionAfficher avec une interface utilisateur basée sur un modèle personnalisé, pour les conteneurs vides ou liés à des données réelles. Ajoutez quelques animations et les développeurs peuvent avoir une interface utilisateur raffinée lorsque les données se chargent dans le CollectionView, ce qui peut être très pratique pour les données à chargement paresseux.

Blazor pour le Web et au-delà

.NET FrontEnd Day était une conférence virtuelle d'une journée complète sur tout ce qui concerne le développement client moderne avec .NET. Des conférenciers et des participants du monde entier se sont réunis pour partager leur amour de .NET. Sans surprise, beaucoup de nouvelles choses intéressantes qui se passent avec .NET sont avec Blazor et .NET MAUI.Daniel Rothfait une session amusante pour parler dela situation avec Blazorpour les applications Web et mobiles/de bureau natives.

Dan a commencé avec les mises à jour de Blazor dans .NET 6 et a présenté les derniers outils avec rechargement à chaud. Alors que Blazor côté serveur est une bonne façon de commencer pour les débutants, Blazor WebAssembly a vu beaucoup d'améliorations, d'optimisations et de réglages de performances.

Dan est ensuite passé à ce qui compte pour les développeurs .NET MAUI : les applications hybrides apportant les avantages de Blazor dans les applications mobiles/de bureau multiplateformes. Propulsés par BlazorWebView, les composants Blazor peuvent désormais être rendus dans des applications natives amorcées avec .NET MAUI, ce qui donne aux développeurs tout l'accès à l'API native à partir du code Blazor.

Dan, le maître des démos rapides, a montré un exemple de la façon dont un projet multiplateforme .NET MAUI et un projet Blazor pour le Web peuvent coexister au sein de la même solution. Les développeurs peuvent partager les composants Blazor exacts entre le Web et .NET MAUI, ce qui devrait être une grande victoire pour la réutilisation du code.

Dan a également expliqué comment les applications Blazor Hybrid offrent un bon moyen d'envisager la modernisation des anciennes applications de bureau – la stratégie BlazorWebView de contenu Web intégré peut également être apportée à WinForms et WPF. Dan a terminé avec la feuille de route prévue de Blazor dans .NET 7, pour le Web et au-delà. Vous savez que les développeurs sont enthousiasmés par Blazor et .NET MAUI alors que les questions/réponses de la session étaient presque aussi longues que la session elle-même – de bons moments à venir pour les développeurs .NET.

Animations avec Lottie

Shaun Laurenta écrit un autre article dans sa merveilleuse série sur la création d'un jeu mobile dans Xamarin.Forms, tout ce qui s'applique totalement à .NET MAUI.

Cette fois, Shaun parle d'ajouter un facteur wow à votre application—animations avec Lottie.Lottie est une bibliothèque d'animations open source d'Airbnb. Il analyse les animations Adobe After Effects en fichiers JSON et les rend nativement sur iOS/Android. Des designers talentueux créent des animations natives avec Lottie et les partagent sur Lottie Files, des animations gratuites ou payantes prêtes à être intégrées dans des applications.

Les animations Lottie sont faciles à personnaliser et à utiliser dans Xamarin.Forms/.NET MAUI—saisissez simplement leCom.Airbnb.Xamarin.Forms.Lottie Paquet NuGet. Les développeurs peuvent ensuite ajouter des animations Lottie prêtes à l'emploi ou personnalisées sous forme de fichiers .json dans les projets iOS/Android respectifs avec les actions de construction correspondantes pour les inclure dans les packages d'application.

Ce qu'il reste à faire est d'apporter l'espace de noms Lottie dans les fichiers XAML et d'utiliser leAnimationViewpour rendre les fichiers .json, il est assez facile d'ajouter des animations personnalisées animées aux applications et de garder les utilisateurs engagés.

C'est tout pour le moment.

Nous vous verrons la semaine prochaine avec un contenu plus impressionnant concernant .NET MAUI.

Bravo, développeurs !