Interface utilisateur Telerik pour .NET MAUI dans les applications mobiles de la plate-forme Uno

Si vous développez des applications mobiles avec .NET MAUI, vous connaissez peut-être déjà la bibliothèque de contrôles Progress Telerik UI pour .NET MAUI et en quoi elle constitue une excellente ressource pour créer rapidement des applications. Désormais, cette productivité s’étend à Uno Platform.

Avec Plateforme Uno En lançant leur fonctionnalité d’intégration .NET MAUI, vous pouvez facilement accéder et utiliser les commandes Progress Telerik pour améliorer vos applications Uno Platform iOS, Android et Windows.

Cet article de blog expliquera comment intégrer Contrôles de l’interface utilisateur Telerik dans vos projets .NET MAUI et comment il peut accélérer votre développement et fournir une option supplémentaire pour la migration des anciennes applications Xamarin Forms vers .NET, en plus de .NET MAUI lui-même, bien sûr.

Progress Telerik propose plus de 60 contrôles pour le développement .NET MAUI, et ce exemple partagé dans le référentiel GitHub de Uno Platform utilise les composants suivants :

1. Accordéon: Ce contrôle est hautement interactif, vous permettant de développer et de réduire diverses sections de votre application. Cela permet de mieux gérer l’interface de l’application et de la rendre plus conviviale.
2. Vue des badges : Ce contrôle est utile lorsque vous travaillez avec des onglets ou des listes. Il offre un moyen efficace de gérer et d’afficher une grande quantité de données.
3. Calendrier: Le calendrier .NET MAUI est un contrôle d’entrée qui permet la sélection d’une ou plusieurs dates et l’affichage des dates dans différentes vues.
4. Grille de données: Outil courant dans les applications métiers, le champ Data Grid est très apprécié. Il restitue même en mode paysage pour une meilleure visibilité. Les contrôles Telerik peuvent fonctionner avec des liaisons entre Uno Platform et .NET MAUI.
5. Graphiques: La bibliothèque propose une variété de graphiques, dont certains sont plus adaptés aux besoins des entreprises.
6. Visionneuse PDF : Fonctionnalité très demandée dans le développement d’applications mobiles, le contrôle PDF Viewer de Telerik possède des capacités de zoom et permet le redimensionnement des documents.
7. Contrôle de la jauge : Particulièrement utile lors de l’affichage de valeurs pour les applications IoT, ce contrôle anime des nombres aléatoires pour démontrer ses capacités.

Commencer à créer l’interface utilisateur Telerik dans votre application mobile Uno Platform

Il existe deux approches distinctes pour démarrer : l’approche plus visuelle de l’assistant ou la ligne de commande. Nous détaillerons chaque méthode étape par étape, ce qui vous permettra de démarrer facilement avec l’intégration de .NET MAUI et l’intégration des contrôles de l’interface utilisateur Telerik dans votre application Uno Platform.

Approche 1 : Assistant de modèle de plate-forme Uno pour Visual Studio

1. Commencez avec Visual Studio :

• Ouvrez Visual Studio et sélectionnez le modèle vierge ou par défaut pour votre application Uno Platform.
• Cliquez sur le bouton « Personnaliser » car la fonctionnalité .NET MAUI Embedding n’est pas incluse par défaut dans les configurations prédéfinies.

2. Choisissez les plateformes de démarrage :

• .NET MAUI Embedding est uniquement compatible avec les plateformes iOS, Android, MacCatalyst et Windows.
• Dans la section « Plateformes », assurez-vous que seules ces plates-formes sont sélectionnées pour activer la fonctionnalité d’intégration .NET MAUI.

3. Sélectionnez l’intégration de .NET MAUI comme fonctionnalité :

• Dans la section « Fonctionnalités », cochez la case « .NET MAUI Embedding » avant de continuer.

4. Créez votre candidature :

• Une fois les configurations en place, cliquez sur le bouton « Créer ».

Approche 2 : ligne de commande

1. Créez une nouvelle application de plateforme Uno :

• Pour commencer, ouvrez votre interface de ligne de commande et créez une nouvelle application Uno Platform à l’aide du annuler l’application modèle.
• Nous vous recommandons de commencer par le modèle vierge (-preset blank) et en ajoutant la prise en charge de l’intégration .NET MAUI (-maui) à votre projet.
• Exécutez la commande suivante :

dotnet new unoapp -preset blank -maui -o MauiEmbeddingApp

2. Ajouter le package d’interface utilisateur Telerik :

• Pour intégrer les contrôles de l’interface utilisateur Telerik, ajoutez d’abord une référence au Telerik.UI.pour.Maui Paquet NuGet. Vous pouvez toujours vérifier La documentation sur la façon de démarrer avec NuGet.
• Assurez-vous d’ajouter cette référence spécifiquement au MauiEmbeddingApp.MauiControls projet.

3. Mettre à jour les extensions AppBuilder :

• Au sein du MauiEmbeddingApp.MauiControls projet, localisez le Extensions AppBuilder classe.
• Modifier le UtiliserMauiControls méthode d’extension pour inclure le UtiliserTelerik méthode. (Cela permet l’intégration transparente des contrôles Telerik.UI dans votre application.)

Considération supplémentaire :

Dans les deux approches, vous trouverez une bibliothèque de classes .NET MAUI (par exemple, SimpleMauiApp.MauiControls) aux côtés de la structure d’application typique de la plate-forme Uno.

Au sein du MauiContrôles bibliothèque de classes, vous pouvez :

• Ajoutez des références à des bibliothèques de contrôle .NET MAUI tierces.
• Intégrez des services ou exécutez des méthodes d’enregistrement/initialisation pour des bibliothèques tierces.
• Définissez les contrôles .NET MAUI que vous souhaitez afficher dans votre application.

Voilà, deux chemins distincts pour démarrer votre application mobile Uno Platform avec .NET MAUI Embedding. Que vous préfériez la précision de la ligne de commande ou la magie de Visual Studio, vous êtes désormais équipé pour vous lancer dans votre parcours de développement.

Pour plus d’informations sur l’utilisation des contrôles de Telerik dans une application Uno Platform via .NET MAUI Embedding, veuillez visiter le documentation ici.

Quelques choses à noter

• Ce blog couvre le cas dans lequel les développeurs peuvent utiliser les contrôles Telerik .NET MAUI pour créer des applications uniquement pour les plates-formes atteintes par .NET MAUI. Cette approche ne peut pas être utilisée pour réutiliser les mêmes contrôles sur d’autres plates-formes cibles que .NET MAUI n’exécute pas, telles que Web/WebAssemby ou Linux.
• La fonctionnalité .NET Embedding est activée par la plate-forme open source Uno et non par Progress Telerik. Par conséquent, il s’agit d’une fonctionnalité que ce projet OSS active et déverrouille pour les utilisateurs de .NET MAUI, et il ne s’agit actuellement pas d’une plate-forme officiellement prise en charge par Progress Telerik.

Bon codage !