Fermer

mai 26, 2021

Aloha de Telerik UI pour MAUI


Dites bonjour à l'interface utilisateur Telerik pour MAUI – la toute dernière suite de composants d'interface utilisateur de Progress Telerik pour permettre le succès des développeurs .NET MAUI.

Les développeurs .NET attendent avec impatience l'interface utilisateur de l'application multi-plateforme .NET ( MAUI ) – l'évolution de Xamarin.Forms avec .NET 6. .NET MAUI est le framework d'application de nouvelle génération destiné aux solutions multiplateformes natives sur les plates-formes mobiles et de bureau modernes, comme iOS, Android, Windows et MacOS. À l'avenir, les développeurs devraient avoir beaucoup plus confiance dans la pile technologique unifiée .NET, avec des expériences de projet unique permettant un meilleur partage de code avec des applications multiplateformes. .NET MAUI est un effort d'ingénierie majeur et les choses avancent bien avec le Preview 4 qui vient d'être annoncé.

Alors que le cadre et les outils de base devraient inspirer confiance, la productivité des développeurs exige davantage de l'écosystème. Nous sommes ravis d'annoncer la prise en charge de .NET MAUI – dites bonjour à Telerik UI pour MAUI . La dernière suite d'interface utilisateur à rejoindre la famille Progress Telerik l'interface utilisateur Telerik pour MAUI est exactement ce que vous attendez: des composants d'interface utilisateur performants et raffinés adaptés à l'environnement d'exécution .NET MAUI qui permettent aux développeurs de proposer des expériences utilisateur sans compromis sur tous les appareils. Décompressons.

Obtenez les Hot Bits

Si vous êtes un développeur .NET impatient de .NET MAUI, votre intérêt devrait être piqué. L'interface utilisateur Telerik pour MAUI est en mode de prévisualisation anticipée gratuit et fonctionne sur le dernier .NET MAUI Preview 4 bits. Nous encourageons les développeurs intéressés à essayer les choses – vous pouvez obtenir les bits Telerik directement à partir de ce Lien de téléchargement . La page produit Telerik UI pour MAUI devrait vous en dire plus et les Docs sont là pour vous aider à démarrer. Les Forums devraient vous aider au cas où vous auriez des barrages routiers ou des questions d'ordre général, et nous sommes tous à l'écoute de notre Chaîne de commentaires .

C'est évidemment le début d'un voyage pour permettre aux développeurs pour être productif avec .NET MAUI. Alors que l'interface utilisateur rendue brille pour les composants, une grande partie du travail d'ingénierie se fait dans les coulisses avec l'alignement sur l'architecture .NET MAUI Handler . L'interface utilisateur Telerik pour MAUI est une interface utilisateur multiplateforme moderne bien conçue, utilisant le meilleur des abstractions de framework sous-jacentes et tenant compte des atouts de chaque plate-forme. Comment voyez-vous l'interface utilisateur Telerik en action? Nous commençons avec Telerik UI pour MAUI sur iOS et Android, avec plus de support de plate-forme à venir. Le lien de téléchargement devrait vous fournir les programmes d'installation appropriés: MSI pour Windows et Package pour MacOS . Allez-y et laissez les assistants d'installation faire leur travail.

 WindowsInstaller "title =" WindowsInstaller "/></p data-recalc-dims=

 MacInstaller" title = "MacInstaller" /></p data-recalc-dims=

Alors, que contient la boîte? Vous avez maintenant les binaires Telerik bruts sous forme de DLL, l'interface utilisateur Telerik pour le package NuGet MAUI et une application de démonstration très importante . Au lieu d'avoir à bricoler, l'application de démonstration vous montrera toute l'interface utilisateur Telerik en un seul endroit, exécutée dans une application .NET MAUI Preview 4 au-dessus de .NET 6.

 MAUI_Folder "title =" MAUI_Folder "/></p data-recalc-dims=

L'exécution de l'application Demo nécessite un peu de configuration, simplement parce que les bits .NET MAUI sous-jacents et les outils associés sont tous en préversion.

Les .NET 6 Mobile Samples présentent une merveilleuse répartition de toutes les conditions nécessaires pour exécuter les applications .NET MAUI. Vous pouvez obtenir vous-même tous les programmes d'installation .NET 6; mais à partir de .NET 6 Preview 4, une nouvelle commande dotnet workload install est disponible pour installer les charges de travail mobiles. Si vous exécutez .NET MAUI pour la première fois, ouvrez l'invite de commande sous Windows ou Terminal sous MacOS et naviguez dans le répertoire DemoApp .

Ensuite, exécutez la commande: dotnet workload install --skip-manifest-update

Les charges de travail pour chaque plate-forme sont les suivantes – vous auriez besoin des charges de travail iOS / Android pour voir l'interface utilisateur Telerik en action.

  • microsoft-ios-sdk-full
  • Voilà, vous devriez maintenant avoir tous les bits d'exécution pour mettre l'application sous tension. Vous pouvez également envisager d'installer l'outil pratique MAUI Check à l'aide de dotnet tool install -g redth.net.maui.check – lorsqu'il est exécuté en tant que maui-check ceci L'outil évaluera votre environnement de développement MAUI et installera / configurera éventuellement les composants manquants.

    Sur la machine de développement Windows, vous pouvez utiliser Visual Studio 2019 16.10 – il contient le dernier MSBuild nécessaire pour charger / construire .NET 6 Preview 4. Vous pouvez ouvrir DemoApp.sln … regardons dans le fichier NuGet.Config dans le dossier DemoApp:

    
    
      
        
        
         
        
        
        
        
      
      
        
      
    

    Vous pouvez voir où nous extrayons certaines des dépendances .NET 6 Preview – le dossier local Packages contient le Interface utilisateur Telerik pour package NuGet MAUI. Vous devrez peut-être changer le chemin en «../Packages» sur MacOS. Et maintenant, regardons le fichier .csproj :

    
      
         net6.0-ios; net6.0-android 
         Exe 
         true 
         com.telerik.hellomaui 
         Démo Telerik Maui 
         1.0 
         1 
         iossimulator-x64 
      
      
        
        
      
       ...
    

    Tout ceci est pour votre information et fait pour vous – vous ne devriez pas avoir à toucher l'un des fichiers ci-dessus. Voilà, vous êtes maintenant libre d'exécuter l'application depuis Visual Studio.

    Sur MacOS, VS pour Mac n'est pas encore pris en charge, mais les outils CLI .NET pour MAUI sont faciles à utiliser. Pour lancer des projets .NET MAUI, vous devrez spécifier un $ (TargetFramework) via le commutateur -f comme ceci:

    dotnet build HelloMaui -t: Exécutez -f net6.0-android
    dotnet build HelloMaui -t: Exécutez -f net6.0-ios

    Si vous avez les bons environnements d'exécution et les dépendances .NET MAUI, la compilation devrait démarrer et vous verra le lancement de l'application Démo dans le simulateur de plate-forme spécifié, comme sur iPad ici:

     TelerikMauiOniPad "title =" TelerikMauiOniPad "/></p data-recalc-dims=

    Fonctionne de la même manière sur les simulateurs iPhone:

     MAUI_Overview_iOS "title =" MAUI_Overview_iOS "/></p data-recalc-dims=

    Et même expérience d'application sur Android:

     MAUI_OverView_Android "title =" MAUI_OverView_Android "/><h2 id= Donnez-moi une interface utilisateur

    La plupart d'entre vous ont probablement été distraits en train de bricoler l'application de démonstration et son code. Expliquons ce que vous regardez. L'interface utilisateur Telerik pour MAUI est en Early Preview – nous montrons la prise en charge de .NET MAUI et nous nous mouillons les pieds dans la nouvelle architecture d'application. L'interface utilisateur Telerik pour MAUI Preview est livrée avec quatre composants d'interface utilisateur polis: Graphiques Border Button et ItemsControl .

    Il n'y a rien vous devez changer dans l'application de démonstration, mais au cas où vous seriez curieux, voici un aperçu de l'intérieur. Pour visualiser l'interface utilisateur Telerik pour les contrôles MAUI, vous devez enregistrer les gestionnaires nécessaires pour les contrôles Telerik dans la méthode ConfigureMauiHandlers du fichier Startup.cs de votre projet, comme ceci: [19659039] à l'aide de Microsoft.Maui;
    en utilisant Microsoft.Maui.Hosting;
    en utilisant Microsoft.Maui.Controls.Compatibility;
    en utilisant Microsoft.Maui.LifecycleEvents;
    en utilisant Telerik.Maui;
    en utilisant Telerik.Maui.Handlers;

    #if __ANDROID__
    en utilisant InputRenderer = Telerik.XamarinForms.InputRenderer.Android;
    en utilisant ChartRenderer = Telerik.XamarinForms.ChartRenderer.Android;
    using DataControlsRenderer = Telerik.XamarinForms.DataControlsRenderer.Android;
    #elif __IOS__
    en utilisant InputRenderer = Telerik.XamarinForms.InputRenderer.iOS;
    en utilisant ChartRenderer = Telerik.XamarinForms.ChartRenderer.iOS;
    using DataControlsRenderer = Telerik.XamarinForms.DataControlsRenderer.iOS;
    #fin si

    Démarrage de la classe publique: IStartup
    {
    public void Configure (IAppHostBuilder appBuilder)
    {
    appBuilder
    .UseFormsCompatibility ()
    .ConfigureFonts (fonts => {
    fonts.AddFont ("ionicons.ttf", "IonIcons");
    })
    .ConfigureMauiHandlers (gestionnaires => {
    handlers.AddCompatibilityRenderer (typeof (Telerik.XamarinForms.Input.RadButton), typeof (InputRenderer.ButtonRenderer));
    handlers.AddCompatibilityRenderer (typeof (Telerik.XamarinForms.Chart.RadCartesianChart), typeof (ChartRenderer.CartesianChartRenderer));
    handlers.AddCompatibilityRenderer (typeof (Telerik.XamarinForms.DataControls.RadListView), typeof (DataControlsRenderer.ListViewRenderer));
    })
    .UseMauiApp ()
    .ConfigureMauiHandlers ((_, gestionnaires) =>
    {
    handlers.AddHandler ();
    handlers.AddHandler ();
    });
    }
    }

    Une partie de ce code passe-partout peut disparaître à mesure que les aperçus .NET MAUI arrivent à maturité, mais c'est la plomberie nécessaire pour le moment. Une fois les gestionnaires en place, nous pouvons commencer à référencer les espaces de noms et à utiliser les composants de l'interface utilisateur Telerik dans nos pages, comme ceci:

      
    
             
             
             
             
    
     

    Examinons de plus près certaines des nouvelles interfaces utilisateur.

    Graphiques

    L'interface utilisateur Telerik pour les graphiques MAUI propose une large gamme de graphiques, de graphiques et de types de séries qui vous permettent de visualiser les données conformément aux normes de plate-forme natives d'Android, iOS, MacOS et Windows. Vous pouvez bénéficier d'une vaste collection de types de graphiques et de graphiques, de performances inégalées en termes de temps de chargement, de capacités de dessin et de mises à jour en temps réel.

    La version expérimentale du contrôle Telerik Chart pour .NET MAUI comprend des fonctionnalités puissantes, notamment:

    • Virtualisation puissante de l'interface utilisateur
    • Prise en charge des axes et séries cartésiens
    • Prise en charge des diagrammes à secteurs, des graphiques en anneau et des séries de graphiques financiers
    • Prise en charge des légendes
    • Sélection de données
    • Annotations de graphiques

     MAUI_Charts "title =" MAUI_Charts "/><h3 id= Border

    Avec Telerik UI pour MAUI Border control, vous avez un contrôle total sur les bordures qui entourent les différents éléments de l'interface utilisateur de votre application .NET MAUI, ce qui vous permet de personnaliser facilement l'apparence de l'UX souhaitée. Le contrôle Telerik Border pour .NET MAUI vous permet de personnaliser facilement la couleur et l'épaisseur des bordures, ainsi que d'ajuster les coins des bordures en formes rectangulaires / rondes / ovales autour des différents éléments de l'interface utilisateur.

     MAUI_Border "title =" MAUI_Border "/><h3 id= Button

    Telerik UI pour MAUI Button est un contrôle simple, mais entièrement personnalisable pour vos applications MAUI – pensez-y le bouton standard sur les stéroïdes! Les personnalisations de l'interface utilisateur sont rendues possibles grâce à la prise en charge de la thématisation intégrée qui vous aide à obtenir un aspect cohérent, en plus des capacités de réglage de la rotation, des formes, de la transparence, du texte, des arrière-plans et des images pour les boutons.

    Le contrôle Bouton Telerik pour .NET MAUI comprend les fonctionnalités suivantes:

    • Options d'alignement du contenu
    • Définition de l'épaisseur de la bordure
    • Création d'un bouton circulaire

     MAUI_Button "title =" MAUI_Button "/><h3 id= ItemsControl

    Un ItemsControl est un contrôle d'interface utilisateur contenant plusieurs éléments, tels que des chaînes, des objets ou d'autres éléments. Le Telerik ItemsControl pour .NET MAUI est conçu pour faciliter la visualisation des éléments et vous offre un contrôle total sur la présentation de chaque élément. Avec ItemsControl pour .NET MAUI, vous pouvez facilement définir une collection d'éléments qui rempliront le contrôle avec des données, ainsi que des fonctionnalités de création de modèles personnalisés pour une plus grande flexibilité dans la définition de la façon dont les données sont visualisées.

     MAUI_ItemsControl "title =" MAUI_ItemsControl "/><h2 id= Rejoignez le plaisir

    Vous êtes enthousiasmé par .NET 6 et .NET MAUI? Faites-en deux. Nous pensons que .NET MAUI est l'avenir du développement d'applications natives multiplateformes sur la pile .NET et devrait permettre aux développeurs d'avoir une grande confiance dans le ciblage de diverses plates-formes tout en partageant du code. Nous sommes ravis de présenter Telerik UI pour MAUI dans l'espoir de rendre les développeurs MAUI plus productifs et de permettre la création d'applications plus rapides avec une belle interface utilisateur.

    .NET MAUI et .NET 6 ont une longue piste, atteignant la disponibilité générale en novembre 2021. Vous pouvez vous attendre à des délais similaires avec Telerik UI pour MAUI – nous serions prêts pour la production le jour 0. En attendant, rejoignez l'aventure et expérimentez avec nous. Dites-nous ce que vous aimez et ce que vous n'aimez pas. Nous aimerions connaître vos commentaires sur les composants d'interface utilisateur que vous souhaitez que nous construisions. Ensemble, nous favorisons le succès des développeurs .NET MAUI partout dans le monde. Connectez-vous à notre flux de style newsletter Sands of MAUI qui vous apporte du nouveau contenu tous les lundis!




    Source link

    Revenir vers le haut