Sables de MAUI : Numéro 85

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 sont enthousiasmés par l’interface utilisateur de l’application multiplateforme .NET (MAUI)—l’évolution de l’expérience de développement multiplateforme .NET moderne. À l’avenir, les développeurs devraient avoir beaucoup plus confiance dans la pile technologique et les outils, car .NET MAUI permet des solutions multiplateformes natives sur mobile et sur ordinateur.

Bien que cela puisse prendre un long vol pour atteindre les sables de l’île de MAUI, l’enthousiasme des développeurs autour de .NET MAUI est assez palpable dans tout le contenu partagé. Comme les grains de sable, chaque actualité/article/documentation/vidéo/tutoriel/livestream contribue aux connaissances des développeurs dans .NET MAUI et nous développons une communauté/é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 du 19 décembre 2022:

Combinez .NET MAUI et Blazor

.NET MAUI et Blazor semblent être un match fait au paradis – ils partagent exactement le même runtime .NET. Armé d’une WebView moderne, .NET MAUI permet aux composants / styles Web Blazor de fonctionner désormais dans des applications mobiles / de bureau natives. Il s’avère qu’il existe plusieurs façons de combiner .NET MAUI avec Blazor – les développeurs peuvent vraiment partager beaucoup de code et tirer le meilleur parti des deux mondes. Le Gérald Versluis a produit une autre vidéo merveilleuse—trois façons de combiner .NET MAUI et Blazor Hybrid dans une seule application native.

Gerald commence par expliquer Blazor Hybrid et comment le composant BlazorWebView connecte tout dans les applications .NET MAUI. Les développeurs peuvent combiner des pages complètes Blazor et .NET MAUI – rien n’empêche un modèle de navigation basé sur des onglets de servir des pages Web, des composants ou des pages .NET MAUI de manière interchangeable.

Alors que le code Blazor C # peut invoquer les API de la plate-forme .NET MAUI, les développeurs peuvent parfois souhaiter injecter des pages .NET MAUI natives dans une application Blazor Hybrid avec tout le contenu Web – c’est tout à fait possible et facile. Dans le cas où une expérience d’application très native est souhaitée lors de l’utilisation du mode hybride Blazor, Gerald présente la fonctionnalité de numérisation des codes-barres en extrayant .NET MAUI Popup à partir du code Blazor.

Blazor et .NET MAUI combinés sont un excellent terrain de jeu – les développeurs .NET peuvent mélanger et assortir et répondre à l’interface utilisateur/UX souhaitée tout en partageant le code.

Blazor sur le Web et le natif

Blazor est naturellement le framework Web le plus excitant pour les développeurs .NET, permettant à C# de s’exécuter côté serveur ou entièrement côté client via WebAssembly. Et .NET MAUI inaugure la prochaine génération de développement multiplateforme natif sur .NET, atteignant sans effort les plateformes mobiles/de bureau à partir d’une seule base de code. Avec un composant d’interface utilisateur WebView moderne, .NET MAUI accueille Blazor en terre natale – les composants et les styles Web peuvent être rendus dans des applications natives sur iOS/Android/Windows/Mac.

Même si Blazor alimente l’interface utilisateur / UX sur les applications Web et natives, il peut y avoir des différences dans la façon dont les choses fonctionnent sur les plates-formes. Bien que les composants/styles Blazor puissent rendre la même interface utilisateur sur le Web, le bureau et le mobile, l’UX ne devrait pas être la même. En fait, les développeurs voudront avoir la flexibilité de faire différentes choses avec Blazor sur différentes plates-formes. Les interfaces génériques avec des implémentations spécifiques à la plate-forme peuvent permettre aux développeurs d’avoir un code partagé cohérent qui fonctionne différemment sur les plates-formes Web et mobiles/de bureau.

UNE développeur en difficulté a écrit un article sur le partage de code entre .NET MAUI et Blazor, mais ayant différentes implémentations du code Blazor sur les plates-formes Web et natives.

Version .NET MAUI

.NET MAUI pour .NET 7 était une version marquante, apportant une maturité d’exécution au framework .NET MAUI et des outils stables sur Windows/macOS. Le changement est la seule chose qui soit permanente, donc le travail d’ingénierie .NET MAUI se poursuit pour la suite.

David Ortinau a souligné une nouvelle version—.NET MAUI 7.0.52 Service Release 1.1 est maintenant disponible.

Quoi de neuf dans la dernière version du service .NET MAUI ? Les versions .NET MAUI sont compatibles avec Visual Studio 17.4.3 sur macOS et Windows, ce qui améliore la stabilité de la plate-forme. Il semble que la mise à jour vers la dernière version de l’écosystème Apple/iOS/macOS soit à l’ordre du jour. Il existe désormais une prise en charge de Xcode 14.1 pour iOS, iPadOS et Mac Catalyst version 16.1. Les autres plates-formes ne sont pas en reste non plus – il y a un support nouvellement ajouté pour Android API 33 et Windows App SDK 1.2.221109.1.

Un changement de convertisseur de type a également considérablement amélioré le nombre de succès XAML Hot Reload – les choses semblent être réglées pour Mac Catalyst. Il existe une nouvelle documentation sur l’API et de nombreux problèmes résolus, au-delà.

Gestes du pointeur dans .NET MAUI

.NET MAUI est la nouvelle génération de stratégie multiplateforme .NET sur mobile et ordinateur de bureau, ce qui signifie que le toucher et la souris sont sur un pied d’égalité. La plupart des utilisateurs d’applications de tablette/de bureau interagiraient avec les applications .NET MAUI avec la souris/le clavier et .NET MAUI essaie d’aider les développeurs avec les nouveaux Pointer Gesture Recognizers.

Léomaris Reyes est ici pour éduquer les autres développeurs et a écrit un bel article sur tout ce qui concerne la reconnaissance des gestes du pointeur dans .NET MAUI.

Les nouveaux outils de reconnaissance de pointeur dans .NET MAUI permettent aux développeurs de suivre les actions des utilisateurs pour ajouter des interactions, prendre des décisions, modifier les états visuels et mettre à jour l’ensemble de l’expérience utilisateur. Étant donné une partie attribuée de l’arborescence visuelle, Pointer Gesture Recognizer permet la détection des mouvements du pointeur – pour l’entrée, le mouvement et la sortie correspondant à la zone de délimitation. La classe PointerGestureRecognizer fait tout le gros du travail et expose les événements/commandes correspondants.

Leomaris enfonce le clou avec des exemples de code faciles à suivre et souligne que la reconnaissance des gestes du pointeur, comme prévu, n’est prise en charge que sur iPadOS, Mac Catalyst et Windows.

Diffusion audio en .NET MAUI

Depuis les premiers aperçus de .NET MAUI, les développeurs se sont demandé comment lire des fichiers multimédias tels que des vidéos ou des MP3 et comment diffuser à partir d’un point de terminaison. Avec la lecture multimédia intégrée, les choses se compliquent rapidement sur toutes les plates-formes : il existe des paramètres spécifiques pour iOS/Android et la diffusion en arrière-plan nécessite un travail supplémentaire. Heureusement, Gerald Versluis et son équipe font un travail solide pour le MediaElement dans la boîte à outils communautaire .NET MAUI et Christian Jacob a rédigé un bel article dans le cadre du calendrier de l’avent .NET MAUI—Diffusion audio en arrière-plan avec CommunityToolkit.Maui.MediaElement.

Christian commence par décomposer les complexités du jeu, avec des détails sur ExoPlayer pour Android et AVPlayer pour iOS. Le MediaElement est très prometteur, mais en version préliminaire en tant que demande d’extraction active sur le référentiel GitHub de la boîte à outils de la communauté .NET MAUI.

Chrstian explique comment les développeurs .NET MAUI peuvent récupérer le package MediaElement NuGet d’aperçu pour leurs projets et utiliser la méthode d’extension pour enregistrer tous les gestionnaires nécessaires. Avec la configuration initiale, on peut théoriquement initialiser et commencer à utiliser les pages MediaElement dans .NET MAUI pour les cas d’utilisation de base. Cependant, Christian souligne rapidement la configuration supplémentaire nécessaire pour des scénarios plus complexes : les paramètres de sécurité requis dans Android pour diffuser à partir de points de terminaison HTTP et activer la diffusion en arrière-plan sur iOS via des hooks de cycle de vie d’application.

Il y a beaucoup de complexités et de nuances spécifiques à la plate-forme pour la lecture multimédia en arrière-plan sur iOS/Android/Windows – bravo, Christian, pour avoir écrit les détails.

C’est tout pour le moment.

Nous prendrons une pause de deux semaines pour les vacances et nous vous reverrons ici le 9 janvier avec un contenu encore plus impressionnant concernant .NET MAUI. Joyeuses fêtes!

Bravo, développeurs !