Bienvenue dans les Sables de 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 rassemblez beaucoup de particules de sable 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 d’immenses plages, dunes et déserts.
Les développeurs .NET sont enthousiasmés par la réalité de l’interface utilisateur des applications multiplateformes .NET (.NET FIXE) : l’évolution de la pile technologique de développement multiplateforme .NET moderne. Avec des outils stables et un écosystème riche, .NET MAUI permet aux développeurs de créer des applications multiplateformes natives pour mobile/ordinateur de bureau à partir d’une base de code partagée unique, tout en invitant les technologies Web dans le mélange.
Même s’il faudra peut-être un long vol pour atteindre les sables de l’île MAUI, l’enthousiasme des développeurs autour de .NET MAUI est tout à fait palpable avec tout le contenu créé. Comme les grains de sable, chaque actualité/article/documentation/vidéo/tutoriel/livestream contribue aux expériences des développeurs dans .NET MAUI 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 toute la génialité de .NET MAUI en un seul endroit. Voici ce qui est remarquable pour la semaine de 8 juillet 2024:
Effet de parallaxe dans .NET MAUI
Nous sommes en juillet et c’est à nouveau l’heure du #MAUIUIJuly. Basé sur une idée lancée à l’origine pour Xamarin par Steven Thewissen, MAUI UI July est un événement communautaire d’un mois où chacun peut partager son enthousiasme et sa passion pour .NET MAUI. Géré par Matt Goldman, il s’agit d’une excellente occasion pour les développeurs .NET MAUI d’apprendre les uns des autres : MAUI UI juillet se reproduira en 2024. Matt Goldman a également été le premier à démarrer le MAUI UI de juillet avec un merveilleux article :effet de parallaxe dans .NET MAUI.
La parallaxe est le terme utilisé pour désigner le moment où les éléments au premier plan semblent bouger plus rapidement que les éléments en arrière-plan. La parallaxe est l’un de ces effets qu’il est dangereusement facile d’abuser dans vos applications, mais qui, lorsqu’il est bien fait, peut également ajouter un facteur wow supplémentaire qui élève une application autrement plate pour lui donner une certaine profondeur.
Matt montre comment créer un effet de parallaxe dans les applications .NET MAUI avec une simple application d’informations sur les super-héros qui affiche une série de cartes avec une image et du texte. À partir de CollectionView Vanilla, Matt intègre l’effet de parallaxe en manipulant la position des images par rapport à la carte, de sorte qu’il semble que les images se déplacent plus rapidement que les cartes lorsqu’elles défilent. Cela fait apparaître l’image plus proche que l’arrière-plan, ce qui crée l’illusion de profondeur.
Pour implémenter l’effet de parallaxe, Matt explique la logique mathématique et démontre les personnalisations nécessaires pour Android et iOS. C’est une excellente source d’inspiration pour tous ceux qui cherchent à ajouter une sensation de profondeur aux applications .NET MAUI.
Nouveau modèle hybride Blazor
.NET MAUI est carrément destiné aux développeurs pour créer des applications mobiles/de bureau natives. Cependant, armé de WebViews intelligentes et modernes, .NET MAUI est plus que capable d’accueillir du contenu Web dans son pays natal. En fait, les développeurs Blazor/JavaScript devraient se sentir habilités à apporter des composants d’interface utilisateur Web, du routage, du style et bien plus encore aux applications .NET MAUI multiplateformes natives, tout en obtenant un accès complet à l’API de la plate-forme native. Il y a de bonnes nouvelles pour tous ceux qui souhaitent partager du code via les applications Blazor Hybrid, et James Montemagno a produit une vidéo—dites bonjour au nouveau modèle Blazor Hybrid + Web .NET MAUI.
Blazor et .NET MAUI partagent le même environnement d’exécution .NET sous-jacent : la facilité d’accueil des développeurs Blazor dans le monde natif des mobiles/ordinateurs de bureau devrait désormais être bien établie. James a partagé son enthousiasme pour le nouveau modèle de solution Blazor Hybrid with Web : les utilisateurs doivent utiliser les versions préliminaires de .NET 9 pour l’utiliser. L’objectif serait d’avoir une bibliothèque de classes Razor partagée, afin que les développeurs puissent partager l’interface utilisateur/les styles Blazor entre les applications natives et Web. Le modèle configure joliment plusieurs projets, avec l’interface utilisateur Blazor qui génère des expériences personnalisées pour les applications Web, ainsi que pour les applications .NET MAUI natives. Grâce aux implémentations d’interfaces C# permettant des personnalisations sur toutes les plates-formes, l’interface utilisateur de Blazor peut véritablement être partagée entre les applications Web, mobiles et de bureau, offrant ainsi plus de flexibilité aux développeurs pour gagner.
Listes dans .NET MAUI
.NET MAUI est conçu pour permettre aux développeurs .NET de créer des applications multiplateformes pour Android, iOS, macOS et Windows, avec des intégrations natives approfondies, une interface utilisateur native de plate-forme et des expériences hybrides qui étendent la portée des technologies d’interface utilisateur Web Blazor/JS. MAUI UI July célèbre parfaitement l’enthousiasme des développeurs autour de .NET MAUI : il y aura du nouveau contenu prêt à être ajouté à vos favoris presque tous les jours de juillet. Le prochain article de MAUI UI de juillet vient de David Ortinau avec un article épique—tout sur les listes dans .NET MAUI.
La plupart des applications mobiles ont inévitablement une liste d’éléments à afficher : le composant d’interface utilisateur utilisé fait toute la différence. Les développeurs doivent prendre en compte certaines considérations clés : les besoins spécialisés peuvent ne pas être satisfaits par des contrôles généralisés et les mises en page simples et plates fonctionnent mieux qu’une interface utilisateur complexe. Les performances et l’UX doivent être des considérations clés : les développeurs doivent toujours évaluer la meilleure façon d’afficher les listes en fonction des exigences.
David explore plusieurs composants d’interface utilisateur courants : .NET MAUI fournit CollectionView, ListView et BindableLayout, tandis que VirtualListView et VirtualizeListView sont pilotés par la communauté. Pour chaque interface utilisateur de liste populaire, David présente différentes approches à suivre, ainsi que les forces et les faiblesses correspondantes. Les développeurs doivent toujours garder à l’esprit certaines considérations en matière de performances, telles que les cycles de vie de mise en page, les modes de liaison, la gestion des images, la configuration de la build et les tests sur les appareils. La liste des éléments sur les appareils mobiles peut faire ou défaire une application. Merci David pour avoir exploré les différentes manières et pour la description détaillée avec la plupart des considérations.
Mode clair ou sombre
.NET MAUI est l’évolution de la pile de développement multiplateforme .NET moderne, permettant aux développeurs d’atteindre des facteurs de forme mobiles et de bureau à partir d’une seule base de code partagée. Et le .NET MAUI Community Toolkit est une collection d’éléments réutilisables pour le développement d’applications avec .NET MAUI, notamment des animations, des comportements, des convertisseurs, des effets et des aides.
Les temps modernes exigent que les applications offrent à la fois des options de mode clair et sombre pour les interfaces utilisateur : c’est simplement une bonne UX et une meilleure accessibilité. Bien que .NET MAUI offre aux développeurs des moyens d’y parvenir de manière conventionnelle, les choses peuvent être plus faciles et Léomaris Reyes a écrit un article—simplification des modes clair et sombre dans les applications .NET MAUI.
La manière conventionnelle de gérer le mode clair/sombre dans les applications .NET MAUI consiste à ajouter l’extension de balisage AppThemeBinding à l’intérieur de la propriété d’un contrôle, puis à définir des valeurs pour les modes. Au lieu de répéter pour chaque contrôle, les développeurs peuvent créer un style qui attribue déjà des couleurs aux deux modes ou qui est utilisé conjointement avec des styles existants.
Leomaris présente aux développeurs les extensions de balisage AppThemeObject et AppThemeColor, toutes deux faisant partie de la boîte à outils communautaire .NET MAUI. Ces extensions aident à créer des ressources thématiques pour les applications .NET MAUI, simplifiant la gestion des couleurs, des images et d’autres ressources. Ils s’adaptent également automatiquement en fonction du mode d’apparence actuel de l’application, ce qui est idéal pour prendre en charge les modes clair/sombre.
Leomaris commence par les bases de .NET MAUI Community Toolkit et explore en détail les propriétés des extensions de balisage AppThemeObject/AppThemeColor. Avec un exemple de code facile à suivre, Leomaris présente l’utilisation des extensions de balisage AppThemeObject/AppThemeColor dans les applications .NET MAUI, ainsi que l’exploitation de ressources thématiques en tant que ResourceDictionary dans les styles XAML existants : un excellent contenu pour les connaissances des développeurs .NET MAUI.
Écrans de démarrage animés
Les applications mobiles modernes sont complexes et exigeantes : les développeurs peuvent utiliser toute l’aide disponible pour maintenir l’engagement des utilisateurs. L’un des moyens de faire une bonne première impression ou de maintenir l’intérêt de l’utilisateur pendant le chargement d’une application mobile est l’écran de démarrage de l’application. Les mouvements ou les animations attirent toujours l’attention de l’utilisateur, et Luis Beltrán a écrit un article dans le cadre de MAUI UI juillet—écrans de démarrage Android animés dans les applications .NET MAUI.
À partir d’Android 12, l’API de l’écran de démarrage permet aux développeurs de définir un écran de démarrage animé qui s’affiche au démarrage de l’application. Cela fonctionne sans les hacks habituels d’activité personnalisée avec un GIF ou une fausse vue d’animation. Luis commence par décrire le processus permettant de réaliser le merveilleux UX : un écran de démarrage animé dans Android est défini comme un dessin vectoriel animé.
Les étapes consistent à récupérer un package NuGet, à ajouter un dessin vectoriel animé en tant que ressource Android, à définir un thème et, enfin, à appeler l’API de l’écran de démarrage à partir de MainActivity d’Android. Le résultat est un démarrage époustouflant pour les applications Android .NET MAUI, avec une grande flexibilité de développement pour personnaliser l’expérience. Merci pour les inspirations Luis.
C’est tout pour le moment.
Nous vous reverrons la semaine prochaine avec un contenu encore plus impressionnant concernant .NET MAUI.
Bravo les développeurs !
Source link