Fermer

avril 22, 2019

Interface utilisateur pour Xamarin Deep Dive: Démarrer fort4 minutes de lecture

ui_xamarin_deepdive_header


La promesse de Xamarin.Forms est que les développeurs ciblent les principales plates-formes comme iOS, Android et UWP à partir d'une base de code partagée unique et exploitent leurs compétences existantes en utilisant C # / XAML dans Visual Studio pour Windows ou MacOS. Tandis que Xamarin fournit les frameworks, les IDE et les intégrations, la plupart des applications Xamarin.Forms professionnelles nécessitent un système d’exécution perfectionné. Les développeurs seront peut-être mieux servis avec des contrôles d’interface utilisateur performants et bien conçus prêts à être utilisés pour expédier leurs applications plus rapidement. Pensez à une interface utilisateur polie comme le facteur wow incontournable. Sérieusement.

L’UI Telerik pour Xamarin est une collection de contrôles Xamarin.Forms et de liaisons Xamarin construits au-dessus de l’UI Telerik native pour les suites iOS et UI pour Android. Les contrôles Xamarin.Forms utilisent également les contrôles et les fonctionnalités de l'interface utilisateur Telerik pour UWP, fournissant une API commune permettant au développeur d'utiliser les composants natifs Telerik sur les trois plates-formes mobiles (iOS / Android / Windows) à l'aide d'une seule base de code partagée. UI for Xamarin fournit des contrôles d’interface utilisateur complexes, riches et performants afin que vous puissiez vous concentrer sur la fourniture des fonctionnalités de votre application.

Nous commençons aujourd’hui une série d’articles qui célèbrent l’UI pour Xamarin, sans se plaindre. Finis les aperçus moelleux – nous abordons de manière approfondie chacune des commandes, leurs fonctions et leurs tactiques d'utilisation. Par les développeurs, pour les développeurs. Voici ce à quoi vous pouvez vous attendre chaque jour de cette semaine – nous mettrons à jour les liens au fur et à mesure que les articles seront publiés:

  1. Interface utilisateur pour Xamarin Deep Dive: Démarrer fort (cet article)
  2. Interface utilisateur pour Xamarin Deep Dive: L'interactivité indispensable avec ListView
  3. Interface utilisateur pour Xamarin Deep Dive: Organisation solide avec SideDrawer
  4. Rendez-vous récurrents et dialogues de gestion des éditions dans le calendrier
  5. Visualiser des documents PDF avec PdfViewer pour Xamarin.Forms
  6. Nouvel AutoCompleteView pour Xamarin.Forms [1965] ] Montrez-moi l'argent

    Bien sûr, nous pouvons vous affirmer que l'interface utilisateur de Xamarin fournit des contrôles d'interface utilisateur sophistiqués et facilite la vie du développeur. Mais pourquoi nous croire sur parole? Pourquoi ne pas jouer vous-même avec la suite d'interface utilisateur et voir si elle répond à vos besoins? Vérifiez les performances et l'interactivité de chacun des contrôles avant de décider vous-même si vous voyez le potentiel de votre application Xamarin.

    Il existe de belles applications de vitrine qui mettent en valeur les contrôles d'interface utilisateur Xamarin pour chaque plate-forme mobile et montrent aux développeurs l'exemple simple. code pour atteindre les résultats. Si vous êtes sur iOS, rendez-vous sur l'iOS Store et recherchez l'interface utilisateur Telerik pour échantillons Xamarin – installez-la et jouez avec l'interface utilisateur.

     Exemples d'échantillons Telerik Xamarin pour iOS

    Même histoire pour Android – recherchez simplement l'interface utilisateur Telerik pour échantillons Xamarin dans le Google Play Store. Avons-nous mentionné que vous devriez jouer avec les commandes présentées dans l'application? Permettez-nous de prouver notre valeur.

     Échantillons Telerik Xamarin pour Android

    Si vous souhaitez vérifier les démos sur UWP, vous pouvez rechercher dans le Microsoft Store de l'interface utilisateur Telerik pour Xamarin Demo

    .

     Démos Telerik Xamarin pour UWP

    Plates-formes mobiles prises en charge

    Tout d'abord, résolvons la question du support de Platform – que pouvez-vous cibler? Vous pouvez utiliser l'interface utilisateur de Xamarin.Forms pour les applications s'exécutant sur les systèmes d'exploitation suivants et les versions prises en charge:

    1. Android – 4.0.3 (API 15) ou ultérieure
    2. iOS – 7.0 ou ultérieure
    3. Windows – Windows 10 [19659027] Cela devrait couvrir la plupart des utilisateurs de votre application mobile.

      Premiers pas avec les bits

      À présent, parlons de la façon dont vous commencez avec les bits pour utiliser l'interface utilisateur de Xamarin dans vos applications. Vous avez le choix entre plusieurs options, en fonction de votre système d’exploitation et de la manière dont vous souhaitez intégrer l’intégration dans votre projet Xamarin.

      Installation de MSI

      Si vous utilisez Windows, vous pouvez facilement télécharger l’interface utilisateur de Xamarin MSI Installer. avez déjà un abonnement Telerik au produit. Connectez-vous simplement à votre compte sur telerik.com rendez-vous sur Product Downloads et trouvez l'interface utilisateur de Telerik pour Xamarin – téléchargez et lancez le MSI. Il installera toute l'interface utilisateur pour les bits Xamarin, fournira une intégration Visual Studio et tirera sur l'intégration du modèle Telerik Xamarin.Forms.

       Téléchargements de votre compte "title =" Téléchargements de votre compte "/><h3 id= Panneau de configuration Telerik

      Le Panneau de configuration Telerik est une autre option pratique pour les développeurs Windows. Il s'agit de l'application qui gère tous vos produits Telerik en un seul endroit. Recherchez UI for Xamarin, si votre abonnement en dispose, téléchargez-le et installez-le pour bénéficier de la même expérience MSI.

       Panneau de configuration Telerik "title =" Panneau de configuration Telerik "/><h3 id= NuGet

      Que ce soit sous Windows ou Mac, le serveur Telerik NuGet est l’un des moyens les plus faciles d’intégrer l’UI pour Xamarin dans leurs projets Xamarin.
      Pour Windows – la première étape consiste à configurer le gestionnaire de paquets de votre IDE pour qu'il pointe vers le flux Telerik NuGet – cela se trouve dans le menu Outils / Gestionnaire de paquets Nuget / Paramètres de gestionnaire de paquets. Configurez simplement une nouvelle source NuGet pour pointer vers la galerie Telerik à https://nuget.telerik.com/nuget authentifiez-vous pour la première fois – et c'est fait!

      Sous MacOS, vous devez d'abord ajouter le serveur Telerik NuGet à la liste des sources des packages. Pour plus de détails, veuillez consulter notre article d'aide .

      L'un des gros avantages de la route NuGet est que, non seulement vous obtenez un moyen facile d'obtenir des références d'interface utilisateur pour Xamarin dans votre projet existant, vous aussi. obtenir des mises à jour faciles aussi. Chaque fois que nous mettons à jour l'interface utilisateur pour les bits Xamarin, NuGet vous informe que des mises à jour de paquet sont disponibles – vous devez simplement mettre à jour pour obtenir les dernières mises à jour. montré ici Visual Studio pour Mac. Une fois que vous avez intégré l'interface utilisateur Telerik pour Xamarin, NuGet fait le reste de la magie: vous aurez l'interface utilisateur requise pour les références Xamarin dans votre projet partagé, ainsi que dans tous les projets spécifiques à une plate-forme.

       Ajouter des références Telerik NuGet
       Forfaits Telerik NuGet "title =" Forfaits Telerik NuGet "/><p data-recalc-dims=  Ajouter le nuget Telerik pour le projet iOS" title = "Ajouter le nuget Telerik pour le projet iOS" /> [19659023] <img src=

      Téléchargement & Intégration manuelle

      Bien que NuGet constitue peut-être le moyen le plus simple d’intégrer l’UI pour Xamarin dans vos projets, il existe une option plus élémentaire au cas où NuGet ne serait pas tout à fait votre tasse de thé. Pour utiliser l'interface utilisateur pour les contrôles Xamarin, vous avez essentiellement besoin des DLL correctes, correctement référencées dans vos projets, et rien ne vous empêche de tout faire manuellement.

      Il vous suffit d'accéder à la page du produit et de cliquer sur le gros bouton rouge Télécharger le bouton d'essai gratuit

       Essai gratuit Telerik Xamarin

      Une fois téléchargé, décompressez le package et faites un maximum.

       Interface utilisateur Telerik pour les fichiers binaires Xamarin iOS "title =" Interface utilisateur Telerik pour les fichiers binaires Xamarin iOS "/><p data-recalc-dims= Vous obtenez des fichiers binaires pour chaque plate-forme mobile prise en charge, ainsi que des exemples d'applications et de modèles de projet. Vous pouvez choisir d’ajouter uniquement les DLL des contrôles de l’UI que vous utilisez à partir de l’UI pour Xamarin – et les assemblys requis peuvent être totalement ajoutés manuellement.

      Allez à l’UI pour les documents Xamarin et accédez au [[1599004]]. "Ajout des références Telerik requises" dans l'article Getting Started pour chacun des contrôles. Les documents vous expliquent comment intégrer l'interface utilisateur de Xamarin à la fois dans vos projets Shared / .NET Standard et spécifiques à une plate-forme. Déposez les DLL dans les emplacements spécifiés de votre projet, ajoutez des références dans du code et vous êtes au premier plan. Mais, si et quand vous le souhaitez, nous voulons vous aider un peu avec certains projets brillants de Wizards – le but est de vous amener à un bon point de départ avec l'interface utilisateur de Xamarin.

      Au milieu des fichiers téléchargés bits pour l'interface utilisateur pour Xamarin, vous trouverez un dossier Project Templates contenant les fichiers d'extension .VSIX pour Visual Studio pour Windows et les fichiers de complément .MPACK pour Visual Studio pour Mac.

      Si vous avez installé l'interface utilisateur pour Xamarin à partir du programme d'installation MSI, l'extension Visual Studio sera automatiquement ajoutée à votre IDE. Si vous êtes sur un Mac, vous devrez simplement ouvrir votre Addin Manager et pointer vers le fichier .MPACK. S'il est installé correctement, l'assistant de projet devrait s'afficher dans les IDE Extensions. liste, comme suit:

       Installer le fichier mpack sur VS pour Mac "title =" Installer le fichier mpack sur VS pour Mac "/> <img src= Ces extensions incluent des modèles de projet simples pour vous aider à démarrer facilement. Ils fonctionnent dans Visual Studio 2017 sous Windows et Visual Studio pour Mac. Vous sélectionnerez le modèle Application d'interface utilisateur Telerik Xamarin dans Visual Studio et l'Assistant de projet vous guidera dans le choix des plates-formes / niveaux d'API cibles. Le résultat final est un projet personnalisé en fonction de vos besoins et prêt à utiliser l'interface utilisateur. pour Xamarin bits.

      Voici comment sélectionner le modèle dans Visual Studio pour Windows:

       Application UI Telerik Xamarin "title =" Application UI Telerik Xamarin "/> <img src= Voici la même expérience d'assistant de projet – cette fois sur un Mac:

       Modèle Telerik Xamarin pour VS pour Mac "title =" Modèle Telerik Xamarin pour VS pour Mac "/> <img src= Le résultat final est un projet Xamarin avec la bonne interface utilisateur pour les bits Xamarin ajoutés comme références dans le projet Portable et les projets spécifiques à la plate-forme. Tout est prêt pour que vous puissiez coder votre application.

       App Solution "title =" App Solution "/></p data-recalc-dims=

      Conclusion

      Avec Xamarin.Forms démocratisant le développement mobile multiplateforme pour les développeurs .NET, vous devriez être fier du choix de la pile technologique Xamarin. Ne vous contentez pas de réinventer la roue avec une interface utilisateur complexe.

      L'interface utilisateur Telerik pour Xamarin est là pour vous aider – nos efforts en matière d'ingénierie derrière chaque contrôle se traduisent par des performances et une finition parfaites. le bon pied, mais nous savons que vous êtes intelligent et que vous avez probablement déjà dépassé votre expérience de départ. Revenez chaque jour au réseau de développeurs Telerik et nous présenterons un contrôle de l'interface utilisateur différent et comment il peut Améliorez votre application avec des fonctionnalités intelligentes.

      Vous souhaitez également obtenir un aperçu des obstacles courants rencontrés par les développeurs de Xamarin.Forms et savoir comment les résoudre? Téléchargez notre nouveau livre blanc pour des stratégies concrètes, des exemples de code et des solutions intelligentes. UI.

      Bon codage! [1 9659061] Les commentaires sont désactivés en mode Aperçu.



      Source link