Fermer

février 7, 2020

Accélérez le développement avec Xamarin Hot Reload et Telerik UIUne minute de lecture

XamarinT2 Dark_1200x303


Avez-vous entendu? Xamarin.Forms est maintenant plus chaud que jamais avec la nouvelle fonctionnalité de rechargement à chaud ajoutée à sa boîte à outils.

XAML Hot Reload pour Xamarin.Forms accélère le développement de votre application mobile et facilite la construction, l'expérimentation et l'itération sur votre interface utilisateur. Cela signifie que vous n'avez plus à reconstruire votre application à chaque fois que vous modifiez votre interface utilisateur. Lorsque vous ajoutez un nouveau contrôle Telerik ou modifiez son style, enregistrez simplement le XAML et voyez le résultat!

Et oui … cela fonctionne avec Telerik UI pour Xamarin !

Permettez-moi de vous montrer comment se produit la magie

  1. Vérifiez la version de votre Visual Studio et mettez-la à jour si nécessaire – le Hot Reload fonctionne avec la version Visual Studio 16.3 et Visual Studio pour Mac 8.3 et versions supérieures.
  2. Activez-le en accédant à Outils> Options> Xamarin> Hot Reload. Notez que dans les dernières versions 16.4 et 8.4, XAML Hot Reload est activé par défaut pour vous et vous pouvez ignorer cette étape!
        

     Activer Xamarin Hot Reload "title =" Activer Xamarin Hot Reload "data-openoriginalimageonclick =" true "/> </a data-recalc-dims=

        

  3. Installez les composants Telerik et modifions le XAML 😊. Tout d'abord, j'ai créé une application Xamarin simple à l'aide des modèles Telerik et j'ai fait glisser l'une des dernières interfaces utilisateur Telerik pour Xamarin, RadDateTimePicker, qui ressemble à ceci:
        

     Ajouter une interface utilisateur Telerik pour Xamarin RadDateTimePicker "title =" Ajouter une interface utilisateur Telerik pour Xamarin RadDateTimePicker "data-openoriginalimageonclick =" true "/> </a data-recalc-dims=

        

  4. Ensuite, je vais le changer en un simple sélecteur de date en modifiant deux propriétés – DisplayStringFormat et SpinnerFormatString . Cliquez sur ENREGISTRER et le tour est joué … un nouveau contrôle DatePicker:
        

     Nouvelle interface utilisateur Telerik pour Xamarin DatePicker "title =" Nouvelle interface utilisateur Telerik pour Xamarin DatePicker "data-openoriginalimageonclick =" true "/> </a data-recalc-dims=

Pour une meilleure illustration de HotReload, j'ai préparé un court GIF:

 rechargement à chaud en action "title =" rechargement à chaud en action "data-openoriginalimageonclick =" true "/> </a data-recalc-dims=

Vous voulez plus que XAML?

Cette fonctionnalité impressionnante fonctionne également avec les modifications des ressources dans l'application. xaml et avec les dictionnaires de ressources globales, AppShell.xaml

De plus, vous pouvez apporter des modifications à votre CSS si vous utilisez CSS pour personnaliser le style de vos applications Xamarin.Forms et travaillez avec les dernières versions de Visual Studio et Visual Studio pour Mac

Et ce n'est pas tout …

Microsoft travaille dur pour augmenter la productivité des développeurs Xamarin avec une fonctionnalité appelée Redémarrage à chaud – efficacement, vous donnant la possibilité pour tester les modifications apportées à votre application, y compris multi-file co de modifications, ressources et références, tout en utilisant un cycle de génération et de déploiement beaucoup plus rapide.

Depuis le mois dernier, sa version d'aperçu est déjà disponible avec la version Visual Studio version 16.5 Preview 2. Pour l'instant, cela ne fonctionne qu'avec les applications iOS utilisant Xamarin.Forms. La prise en charge de Visual Studio pour Mac est sur la feuille de route. Cependant, pendant que nous attendons tous la version officielle de Hot Restart, vous pouvez toujours l'essayer sur les versions iOS de vos applications construites avec Telerik UI pour Xamarin et profiter d'un processus de développement plus rapide en déployant des modifications – appuyez simplement sur Ctrl + Maj + F5 et voyez vos nouvelles modifications appliquées! Vous pouvez en savoir plus sur le redémarrage à chaud ici .

Bon à savoir!

Xamarin Hot Reload recrée l'intégralité du XAML de la vue modifiée, pas seulement l'élément modifié. Cela provoque également le rechargement des liaisons de données. Pour des optimisations de performances, vous pouvez définir les DataBindings en C #. Vous pouvez en savoir plus à ce sujet dans ce billet Microsoft .

De plus, XAML Hot Reload appelle actuellement la méthode OnAppearing () à chaque rafraîchissement, alors soyez attentif à ce que vous y chargez.

Plus à lire:)

Si vous voulez en savoir plus sur XAML HotReload et comment pour accélérer votre développement avec Telerik UI for Xamarin les articles suivants sont pour vous:




Source link