Les Sables de MAUI : Numéro 126

Bienvenue dans les Sables de MAUI, des numéros de type newsletter dédiés à la collecte des 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 4 décembre 2023:

Menus contextuels dans .NET MAUI

.NET MAUI est l’évolution de la pile de développement multiplateforme .NET moderne, permettant aux développeurs d’accéder aux facteurs de forme mobiles et de bureau à partir d’une seule base de code partagée. Bien que le ciblage des plates-formes mobiles iOS/Android soit évident compte tenu de l’évolution de Xamarin, .NET MAUI prend la décision audacieuse d’ajouter la prise en charge des ordinateurs de bureau : les développeurs peuvent créer des applications natives pour Windows et macOS.

Cependant, les utilisateurs d’ordinateurs de bureau exigent des expériences uniques avec la souris/le clavier et Gérald Versluis a produit une vidéo sur un paradigme de bureau commun—ajout de menus contextuels avec .NET MAUI.

Un menu contextuel, souvent appelé menu contextuel, propose des commandes contextuelles spécifiques au contrôle sur lequel vous cliquez. Dans .NET MAUI, un menu contextuel peut être ajouté à n’importe quel contrôle dérivé d’Element – ​​cela couvre presque tous les types d’interface utilisateur.

Gerald commence par expliquer les bases des menus contextuels, y compris un peu de support iOS/Android, avant de plonger dans les implémentations pratiques des menus contextuels. Pourquoi s’arrêter uniquement aux menus contextuels, alors qu’il est tout aussi simple d’afficher des séparateurs et des sous-menus ? Une riche expérience utilisateur par clic droit est facile à créer pour les développeurs .NET MAUI.

États visuels dans .NET MAUI

À mesure que les utilisateurs interagissent avec les applications, les modifications apportées aux états de l’interface utilisateur peuvent être entièrement écrites dans le code ou via un balisage visuel en arborescence – ce dernier étant généralement beaucoup plus succinct. Dans .NET MAUI, Visual State Manager fournit un moyen structuré d’apporter des modifications visuelles à l’interface utilisateur et XAML peut inclure un balisage décrivant comment Visual State Manager affecte les visuels de l’interface utilisateur. Heureusement, tout cela fonctionne de manière cohérente sur toutes les plateformes et Daniel Hindrikes a produit une vidéo—états visuels dans .NET MAUI.

Le Visual State Manager introduit le concept d’états visuels : une interface utilisateur .NET MAUI peut avoir plusieurs apparences visuelles différentes en fonction de son état sous-jacent. Daniel commence par expliquer comment le gestionnaire d’états visuels .NET MAUI permet de définir des groupes d’états visuels nommés CommonStates : certains états visuels courants incluent Normal, Désactivé, Focalisé, Sélectionné et PointerOver. Il peut être prudent de partager les mêmes états visuels sur plusieurs vues de l’interface utilisateur. Les états visuels partagés peuvent également être définis dans un style.

Avec un exemple de code facile à suivre, Daniel présente la puissance du Visual State Manager partagé dans .NET MAUI et continue en démontrant l’utilisation d’états visuels personnalisés. Visual State Manager permet de définir des changements fluides dans les apparences visuelles de l’interface utilisateur en fonction des interactions des utilisateurs : tout est défini directement dans le balisage de l’arborescence visuelle et fonctionne de manière transparente sur toutes les plates-formes.

Copilote GitHub

Nous sommes à l’ère de l’intelligence artificielle (IA) et il s’avère que les développeurs peuvent en bénéficier grandement. Dites bonjour à GitHub CoPilot, l’assistant de codage d’IA destiné à améliorer les flux de travail des développeurs. DevReach 2023 s’est récemment terminé dans la belle ville de Sofia, en Bulgarie, la première conférence des développeurs en Europe de l’Est et Todd Anglin est monté sur scène pour une magnifique séance, trucs et astuces pour tirer le meilleur parti de GitHub CoPilot.

Todd commence par les bases de GitHub CoPilot, le programmeur couplé à l’IA pour les flux de travail des développeurs. Comme son nom l’indique, les développeurs sont toujours les pilotes tandis que GitHub CoPilot est censé donner un coup de main : il aide à comprendre comment les outils d’IA fonctionnent et apprennent dans des contextes de codage.

Todd a expliqué comment les grands modèles linguistiques (LLM) alimentent GitHub CoPilot et quelles sont leurs limites : GitHub CoPilot est uniquement destiné à suggérer, et non à être le compilateur de code. Tandis que GitHub CoPilot apprend de l’immensité des bases de code open source, le contexte est important et les développeurs ont toujours le choix en matière de suggestions : accepter, rejeter ou itérer.

Avec des démos faciles à suivre, Todd présente la puissance et les avantages de GitHub CoPilot : pour l’écriture de code, les tests, la documentation et l’aide pour les demandes d’extraction. L’IA a le potentiel de transformer les flux de travail des développeurs : les développeurs peuvent profiter d’énormes avantages de GitHub CoPilot avec une solide compréhension des technologies sous-jacentes.

Données locales hybrides 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. C’est aussi décembre et l’heure des calendriers de l’Avent pour les développeurs : dites bonjour au calendrier de l’Avent .NET MAUI 2023, une initiative dirigée par Héctor Pérez, Alex Rostan, Pablo Piovano et Luis Beltrán.

Pour commencer fort, Luis Beltrán a écrit un article—stocker des données locales dans une application .NET MAUI Blazor Hybrid à l’aide d’IndexedDB.

L’option la plus couramment utilisée pour stocker des données structurées localement dans une application .NET MAUI est la base de données SQLite. Cependant, comme il est possible de créer une application .NET MAUI Blazor Hybrid, une nouvelle option s’ouvre : IndexedDB, une base de données construite dans les navigateurs.

Luis commence par les bases de la création d’applications Blazor Hybrid et utilise le MauiHybridWebView expérimental. Cela permet une communication facile entre le code exécuté dans le WebView avec l’hôte WebView, afin que .NET et JS puissent communiquer librement entre eux. Luis explique le câblage d’un fichier dbscript.js dans une application Blazor Hybrid. Cela inclurait le code permettant de travailler avec la base de données IndexedDB dans le contexte du composant WebView. Une fois configurés, les développeurs peuvent initialiser la base de données et lire/écrire des enregistrements, tout cela réalisable à partir de l’application .NET MAUI avec des communications .NET-JS simples.

Luis présente l’utilisation d’IndexDB avec un code facile à suivre et gère même la base de données avec des outils de développement de navigateur : les possibilités sont grandes de réutiliser le code Web avec les applications .NET MAUI natives.

Modes de rendu Blazor

Blazor est le framework Web gratuit, open source et très apprécié pour créer des applications Web modernes. Les développeurs souhaitant s’éloigner de JavaScript peuvent tirer parti de la puissance de .NET, de C# et des outils modernes pour créer de superbes applications Web interactives. Le modèle de composant Blazor, le moteur de rendu et les mécanismes de style offrent une flexibilité, et il existe un riche écosystème permettant aux développeurs d’être productifs. Les applications Web modernes devraient respecter les modes clair/sombre pour répondre aux préférences des utilisateurs et Jefferson S.Motta a écrit un article—comment basculer entre les modes clair et sombre dans Blazor.

Le mode sombre a gagné en popularité sur diverses plateformes numériques : au-delà de l’esthétique, le mode sombre présente pour la plupart des avantages pour les yeux et la santé. Pour les personnes utilisant Telerik UI pour Blazor dans les applications Web modernes, la prise en charge des modes clair et sombre ne devrait pas être difficile – Jefferson a l’article parfait à suivre.

Propulsé par les thèmes clairs/sombres de Kendo UI, il suffit d’un peu de code pour écouter les préférences du navigateur/système et changer les styles appliqués en conséquence. Si les gens créent des applications mobiles/de bureau avec Blazor Hybrid, les mêmes techniques peuvent être utilisées pour écouter les modifications des préférences du système .NET MAUI et changer le style Blazor en conséquence. Les développeurs peuvent respecter les préférences système/utilisateur avec des modes de rendu Blazor Hybrid commutables et des styles réutilisables : une flexibilité pour la victoire.

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 !