Boostez vos performances avec les composants .net Maui

Voyez comment augmenter les performances de votre application .net Maui avec les composants.

Dans cet article, je vais vous montrer comment l’utilisation des composants .net Maui peut vous aider à améliorer les performances de vos applications multiplateformes tout en permettant une complexité réduite dans vos projets. De plus, nous analyserons les options de configuration pour optimiser le rendu et la gestion des données envers eux.

Conseils pour optimiser le rendu et la gestion des données dans les composants .net Maui

Avez-vous déjà senti que votre application .net Maui se charge très lentement, même dans Libérer mode? C’est peut-être parce que vous manquez une ou plusieurs des recommandations de performances suivantes, qui sont généralement apprises par l’expérience au fil du temps.

Utilisez des liaisons compilées pour lier les données à vos composants

En développant des applications Maui .NET, vous pouvez avoir rencontré des situations où les liaisons de votre application ne s’affichent pas dans vos composants d’interface utilisateur, généralement en raison d’une affectation incorrecte aux propriétés du modèle de vue.

L’une des façons les plus courantes de résoudre ceci est en vérifiant le Sortir Fenêtre lors de l’exécution de l’application, où nous constatons souvent que la raison du problème était une liaison incorrecte, comme indiqué dans le message suivant:

[0:] Microsoft.Maui.Controls.Xaml.Diagnostics.BindingDiagnostics: Warning: 'Name' property not found on 'PerformanceMAUIDemo.Customer', target property: 'Microsoft.Maui.Controls.Label.Text'

Ce scénario se produit souvent lors de l’utilisation de liaisons dynamiques, ce qui signifie lorsqu’une liaison est créée mais le lien ne se produit pas avant l’exécution de l’application. Le mécanisme de résolution de ces liaisons est basé sur la réflexion, qui peut affecter les performances de l’application et conduire à des exceptions internes, ce qui entraîne un manque de données dans l’interface graphique.

Pour résoudre ce problème, vous pouvez choisir d’utiliser des liaisons compilées, qui sont un mécanisme qui permet de résoudre les expressions de liaison au moment de la compilation plutôt qu’au moment de l’exécution. Le moyen le plus courant et le plus simple de les utiliser est à travers x:DataTypespécifiant l’origine des propriétés du modèle de vue.

Par exemple, si nous avions ce modèle:

public class Customer
{
    public string FirstName { get; set; }
    public string LastName { get; set; }
}

Supposons que vous avez défini un Customer Objet avec des données quelque part dans votre code, par exemple à partir du code de la page (bien qu’il puisse être un modèle de vue):

public MainPage()
{
    InitializeComponent();
    BindingContext = new Customer
    {
        FirstName = "John",
        LastName = "Doe"
    };
}

La seule chose que vous devez faire pour activer les liaisons compilées est d’attribuer x:DataType Le type de modèle que vous essayez de lier, comme dans l’exemple suivant:

<ContentPage
    ...
    xmlns:local="clr-namespace:PerformanceMAUIDemo"
    x:DataType="local:Customer">

    <ContentPage.BindingContext>
        <local:Customer FirstName="John" LastName="Doe" />
    </ContentPage.BindingContext>
    ...

De cette façon, le Liste d’erreurs La fenêtre affichera désormais les liaisons non liées par des avertissements, comme indiqué ci-dessous:

Si vous souhaitez que le compilateur marque les problèmes de liaison en tant qu’erreurs au lieu des avertissements, vous pouvez le faire en modifiant les propriétés du projet comme suit:

<PropertyGroup>
    ...
    <TreatWarningsAsErrors>true</TreatWarningsAsErrors>
    <MauiStrictXamlCompilation>true</MauiStrictXamlCompilation>		
</PropertyGroup>

Avec ce changement, l’application ne s’exécutera pas tant que toutes les liaisons n’auront pas été correctement résolues.

Évitez de créer des contrôles complexes par vous-même

Il y a des occasions où nous devons trouver des moyens de créer des dispositions complexes dans des applications multiplateformes, que ce soit pour afficher des formulaires, des fichiers avec des formats spécifiques comme les PDF, des graphiques complexes, etc.

Cela devient particulièrement difficile lorsque l’on considère que les utilisateurs peuvent utiliser nos applications sur des appareils mobiles, des tablettes et même des systèmes d’exploitation de bureau comme Windows ou MacOS. Souvent, cela se traduit par des développements qui donnent des applications à basse performance qui ne semblent pas bonnes sur toutes les plateformes ou appareils.

Sur le marché, des entreprises comme Progress se consacrent à la création, à la test approfondie et à la maintenance .Net Maui Contrôles qui permettent de travailler avec des fichiers et des données complexes.

Par exemple, le progrès de Telerik UI pour .Net Maui ImageEditor Le contrôle est un composant puissant qui permet l’édition d’images, vous épargnant de la complexité de l’exécution des opérations telles que l’application de filtres, de transformations, etc., par vous-même. De plus, vous pouvez activer ou désactiver les outils dans l’éditeur et même créer votre propre barre d’outils.

Un autre contrôle complexe qui s’avère très utile est le .Net Maui Scheduler. Ce contrôle est conçu pour les scénarios où les réservations doivent être gérées par les vues par jour, semaine, mois et plusieurs jours. Il prend également en charge les opérations pour travailler avec des réservations telles que l’édition, la suppression et la prévisualisation.

Dans le référentiel de composants Telerik pour .net Maui, vous pouvez également trouver le Visionneuse PDF .net Maui Control, qui ressort sa polyvalence dans le travail avec les fichiers PDF, permettant des opérations telles que les recherches, les annotations de liaison, la navigation rapide, le support de sélection, parmi de nombreuses autres fonctionnalités.

Enfin, je voudrais accorder une attention particulière .Net Maui Chat (UI conversationnel) Contrôle, qui est très utile dans les scénarios où vous devez implémenter un CHAT, que vous créiez un chat polyvalent avec SignalR ou que vous souhaitiez fournir des expériences d’installation conversationnelles à vos utilisateurs, sans la tâche fastidieuse de créer des modèles de données, car le contrôle prend en charge une grande variété de types de messages à afficher dans la conversation.

Optimiser les ressources de l’appareil

Une recommandation très importante consiste à toujours essayer d’optimiser autant que possible les ressources de l’appareil. Pour y parvenir, il est essentiel d’éviter sa mémoire saturation avec des éléments graphiques lourds, tels que des images de taille 4K, des GIF de longue durée, des dispositions ou des contrôles trop imbriquées qui ne sont pas optimisés pour gérer de grandes quantités d’informations.

De plus, il est recommandé d’éviter une utilisation prolongée d’opérations de longue durée qui peuvent drainer la batterie en courte période, telles que le maintien de services inutiles en arrière-plan, comme ceux qui permettent d’obtenir l’emplacement d’un appareil.

En ce qui concerne les problèmes d’image, vous pouvez choisir d’effectuer des opérations d’optimisation par vous-même avant de les afficher, tandis que pour éviter de vider la batterie, vous pouvez activer le service à des intervalles de réglage, vérifier si la position reste la même avant d’interroger à nouveau l’emplacement de l’appareil, etc.

Amélioration des performances des applications à l’aide de composants optimisés

Sans aucun doute, l’un des principaux objectifs lors de la création d’applications multiplateformes est qu’ils fonctionnent bien sur n’importe quel appareil que vos cibles d’application. Pour cette raison, je vais vous montrer mon Top 5 des composants qui peuvent vous aider à créer des écrans d’application Maui .NET avec des composants haute performance.

Listes avec chargement, virtualisation et pagination paresseuses

Bien que le contrôle de la collection Maui .NET ait été optimisé dans chaque nouvelle version de .NET, il souffre toujours de certains problèmes de performances lors de l’affichage des dispositions plus complexes. L’un des problèmes que j’ai remarqués est que même lorsque vous spécifiez la propriété SnapPointsType="None"le .net Maui CollectionView conserve en quelque sorte certains points d’innstance, comme on peut le voir dans l’exemple suivant:

Dans l’image ci-dessus, vous pouvez voir qu’après défiler, la liste doit faire défiler en douceur; Cependant, ce n’est pas le cas. Dans le cas du Telerik CollectionView, vous pouvez voir la différence dans l’image suivante:

Il convient de mentionner qu’au moment où vous lisez cet article, les choses peuvent avoir changé à ce sujet.

Enfin, il est possible de combiner des contrôles de type liste avec une pagination à l’aide d’un Pari de données .net Mauice qui est très utile pour permettre aux utilisateurs de naviguer à travers des pages de résultats.

Affichage des données de type table avec DataGrid

Un autre contrôle qui est crucial pour afficher des informations et n’est pas disponible en tant que contrôle natif dans .net Maui est le type de datagrid. Bien qu’il soit possible de simuler ce type de contrôle en utilisant une vue de collection, la vérité est qu’il y a des fonctionnalités qui nous prendraient beaucoup de temps à mettre en œuvre, tels que l’édition, la recherche en tant que type, une sélection unique / multiple, le tri, l’application de filtres, le chargement paresseux, entre autres.

C’est pourquoi l’équipe Progress Telerik a créé le .Net Maui DataGridun contrôle extraordinaire qui permet à ces fonctionnalités et bien d’autres, vous permettant de les activer ou de les désactiver rapidement à partir de sa configuration. De plus, ce fabuleux contrôle soutient les mécanismes pour améliorer les performances telles que Charge à la demande.

Navigation optimisée

Avoir un contrôle sur où et quand les éléments seront affichés dans l’interface graphique est sans aucun doute quelque chose qui vous permettra de créer des applications haute performance optimisées pour vos cas d’utilisation.

Un exemple de ces contrôles est le NavigationView et le Liée. Bien qu’ils puissent sembler similaires au début, ils ont des cas d’utilisation différents.

Le premier est très utile lorsque vous devez définir une navigation de type menu dans l’application. Le second est utile pour révéler le contenu contextuel, comme un menu secondaire à droite qui affiche des statistiques, des messages, des ajustements de filtrage, etc.

Créez des formes optimisées à partir de vos modèles

Une tâche commune et répétitive dans les applications de tous types consiste à créer des formulaires de gestion de l’information. Devoir créer, valider, lier, etc., les données aux contrôles peuvent sembler une tâche simple dans des formulaires de contact simples, mais les choses changent lorsque votre application est centrée sur les données, comme un CRM ou un ERP.

Dans ces situations, le .Net Maui Dataform Le contrôle est très utile car il vous permet de créer des formulaires avec validation, regroupement, personnalisation et enregistrement des données en liant simplement un modèle et en indiquant comment le formulaire devrait se comporter, ce qui atténue considérablement le fardeau des développeurs.

Mettre en œuvre des graphiques qui ont toujours l’air bien

Dans les applications mobiles, il est très courant de vouloir afficher les données visuellement. Ceci est utile pour montrer tout, d’un graphique de l’espace de stockage restant d’un utilisateur aux graphiques avancés qui marquent les tendances en temps réel.

Dans les applications critiques, il est essentiel d’avoir des contrôles fiables qui peuvent gérer efficacement une grande quantité d’informations, telles que Telerik UI pour .net Maui Chart Controlsqui offrent une large gamme de formats de graphiques, vous permettant d’afficher tout graphique que vous souhaitez, à partir de la Graphique à barres à un Scatter Spline Area Chartquelque chose qui ne se trouve pas facilement dans les projets gratuits et pourrait prendre plusieurs mois de développement si vous essayez de les créer vous-même.

Conclusion

Tout au long de cet article, vous avez appris comment créer des applications haute performance grâce à des conseils, des conseils et l’utilisation de composants spécialisés qui vous permettront de vous concentrer sur ce qui compte vraiment: résoudre les problèmes de vos clients.

Vous voulez essayer les commandes .net Maui dans ce post, plus environ 60 autres?

Essayez l’interface utilisateur pour .net Maui