Améliorer la réactivité de vos applications Windows 8.1

  • Published on
    22-Nov-2014

  • View
    560

  • Download
    0

DESCRIPTION

Prsentation de Loc Rebours, @LoicRebours, de Microsoft lors du meetup Windows Apps http://www.meetup.com/windowsapps/ du 24/03/2014 l'IESA Multimdia, 5 avenue de l'Opra

Transcript

  • 1. Amliorez la ractivit de vos applications Windows 8.1 5 astuces qui vont tout changer !
  • 2. Prsentation Loc ReboursConsultant .NET - Avanade MVP Client Development @loicrebours www.blog.loicrebours.fr
  • 3. Une application ractive pour une meilleure exprience utilisateur
  • 4. Tip 1 Eviter les dangers dasync/await
  • 5. Eviter les dangers dasync/await UI thread Async method Await Async work Await Await UI thread Async method Async work
  • 6. Tip 1 - Dmo
  • 7. Tip 2 Charger les donnes de faon incrmentale
  • 8. Charger les donnes de faon incrmentale Inutile dafficher des milliers dlments au chargement dune page Il faut charger les donnes quand lutilisateur en a besoin Le chargement incrmental est moins consommateur de ressources ISupportIncrementalLoadingpublic interface ISupportIncrementalLoading { bool HasMoreItems { get; } IAsyncOperation LoadMoreItemsAsync(uint count); }
  • 9. Tip 2 - Dmo
  • 10. Tip 3 Crer des animations performantes
  • 11. Crer des animations performantes Pour le rendu XAML, il y a 2 threads importants Le thread UI Parsing du XAML Layout de la scne Rendering des lments Le thread Compositor Compose les animations des lments visuels Instructions GPU / CPU
  • 12. Crer des animations performantes Il existe deux types danimation Les animations indpendantes Peuvent tre calcules entirement lors de leur cration Gres par le thread Compositor, utilisent la puissance du GPU Scaling, rotation, translation Les animations dpendantes Ne peuvent pas tre calcules lavance. Utilisation intensive du thread UI Changement de taille de police, modification de la largeur ou hauteur dun lment
  • 13. Tip 3 - Dmo
  • 14. Tip 4 Optimiser le code XAML
  • 15. Optimiser le code XAML Un peu de thorie Au lancement de lapplication, tous les fichiers XAML rfrencs sont parss Parser du XAML et crer les objets correspondants en mmoire peut tre long Les ressources peuvent tre placs plusieurs endroits : - dans une page - dans la classe App - dans un Resource Dictionary Il est important de factoriser les ressources
  • 16. Optimiser le code XAML Plutt que dcrire
  • 18. Optimiser le code XAML Factorisez les ressources identiques Ecrivez
  • 19. Optimiser le code XAML Evitez dutiliser des lments non ncessaires. Le rendu sera plus rapide. Plutt que dcrire Ecrivez
  • 20. Optimiser le code XAML Evitez les overdraw. Utilisez les subtilits de XAML (CacheMode de Canvas ci- dessous)
  • 21. Tip 4 - Dmo
  • 22. Tip 5 Utiliser le cache sans modration
  • 23. Utiliser le cache sans modration Cache des donnes Ne chargez vos donnes quune fois. Srialisez et dsrialisez-les ensuite. Cache des images Stocker vos images en local. Utilisez le cache HTTP. Cache des pages Utilisez la proprit NavigationCacheMode.
  • 24. Tip 5 - Dmo
  • 25. Merci ! A votre dispo @loicrebours loic.rebours@outlook.com blog.loicrebours.fr
  • 26. C# et XAML sous Windows 8.1 26 Windows 8.1 de A Z http://bit.ly/ENIW81 Concevez, dveloppez, architecturez, diagnostiquez, testez, montisez et dployez votre application . 20 % sur la version numrique avec le code : UXMSLOIC214
  • 27. Journe Windows 8 / UX le 28 mars chez MS France Une aprs-midi de sessions Coopration dveloppeur / designer Trucs et astuces pour amliorer lUX de vos applications Design et ergonomie pour le dveloppeur Imaginez de nouvelles expriences pour vos applications de demain Retours dexprience sur des applications Des conseils pour vos applications et de nombreux cadeaux gagner ! 27 6 dveloppeurs 8 UX designers

Recommended

View more >