{"id":624,"date":"2014-05-30T23:30:46","date_gmt":"2014-05-30T21:30:46","guid":{"rendered":"http:\/\/dev.bratched.fr\/fr\/?p=624"},"modified":"2014-05-30T23:30:46","modified_gmt":"2014-05-30T21:30:46","slug":"utilisation-des-images-resources-avec-windows-phone","status":"publish","type":"post","link":"https:\/\/bratched.com\/fr\/2014\/05\/30\/utilisation-des-images-resources-avec-windows-phone\/","title":{"rendered":"Utilisation des Images resources avec Windows Phone"},"content":{"rendered":"

Je vous propose un petit retour d\u2019exp\u00e9rience sur l\u2019utilisation des ressources dans le d\u00e9veloppement Windows Phone dans un mod\u00e8le M-V-VM.<\/p>\n

Diff\u00e9rentes fa\u00e7on de coder<\/h1>\n

L\u2019image que l\u2019on souhaite afficher provient des ressources et devrait pouvoir s\u2019afficher\u00a0\u00e0 travers une propri\u00e9t\u00e9 Image de type BitmapImage dans un ViewModel. A noter que le dans l’exemple ci dessous, UIThreadPool permet d\u2019afficher cette image m\u00eame lorsque celle-ci est aliment\u00e9e depuis un Thread qui tourne en t\u00e2che de fond.<\/p>\n

SynchronizationContext UIThread = SynchronizationContext.Current;\n\npublic BitmapImage Image\n       {\n           get { return _image; }\n           set\n           {\n               UIThread.Post(_ =>\n                   {\n                       _image = value;\n                       RaisePropertyChanged(\"Image\");\n                   }, null);\n           }\n       }<\/pre>\n
Comment afficher une image incluse dans les ressources de l\u2019application\u00a0?<\/h1>\n
Attention les 2 premi\u00e8res m\u00e9thodes d\u00e9crites sont \u00e0 proscrire et \u00e0 ne surtout pas reproduire<\/span>. Allez jusqu\u2019\u00e0 la fin de l\u2019article pour voir comment impl\u00e9menter correctement l\u2019affichage d’une image ressource. <\/p>\n
M\u00e9thode Stream<\/h2>\n
Lorsque l\u2019on est habitu\u00e9 \u00e0 r\u00e9cup\u00e9rer une image d\u2019un flux http ou m\u00eame de l\u2019isolated Storage on peut \u00eatre tent\u00e9 d\u2019uniformiser le code et d’impl\u00e9menter un Stream pour r\u00e9cup\u00e9rer l’image stock\u00e9e dans\u00a0une application :<\/p>\n
public static void LoadResourceImage2(string resourceName, Action<BitmapImage> action)\n        {\n            var resource = Application.GetResourceStream(new Uri(resourceName, UriKind.Relative));\n            {\n                if (resource != null)\n                {\n                    Stream stream = resource.Stream;\n                    {\n                        if (stream != null)\n                        {\n                            Deployment.Current.Dispatcher.BeginInvoke(() =>\n                            {\n                                StreamToBitmapAction(action, stream);\n                                stream.Dispose();\n                                stream = null;\n                            });\n                        }\n                        else\n                            throw new NullReferenceException();\n                    }\n                };\n            }\n        }\n<\/pre>\n
L\u2019affichage de l\u2019image\u00a0est retourn\u00e9e par une m\u00e9thode g\u00e9n\u00e9rique qui prend un Stream en entr\u00e9e et\u00a0retourne un BitmapImage en asynchrone dans une Action.<\/p>\n
private static void StreamToBitmapAction(Action<BitmapImage> actionBitmap, Stream stream)\n        {\n            BitmapImage bitmapImage = new BitmapImage();\n            bitmapImage.CreateOptions = BitmapCreateOptions.None; \n            bitmapImage.SetSource(stream);\n            stream.Dispose();\n            if (actionBitmap != null)\n                actionBitmap(bitmapImage);\n<\/pre>\n
L\u2019utilisation de ce Stream peut ensuite se faire de la fa\u00e7on suivante\u00a0:<\/p>\n
CacheImageService.LoadResourceImage2(resourceName, b => Image = b ) ;\n<\/pre>\n
M\u00e9thode async et await<\/h2>\n
Nous pouvons \u00e9galement utiliser async\/Await pour\u00a0rendre le code plus compr\u00e9hensible et \u00e9viter ce meli-m\u00e9lo d\u2019actions imbriqu\u00e9es. A noter que le code\u00a0peut \u00e9galement fonctionner avec Windows Phone 7 si vous ajoutez le paquet nuget Mycrosoft Async et que vous utilisez \u00e0 minima Visual Studio 2012 (donc avec Windows 8<\/a>). (Remarque : La version Visual Studio 2010 avec WP7 et le paquet Nuget Async\u00a0semble fonctionner. Cependant l’application\u00a0se comportement de fa\u00e7on al\u00e9atoire avec le async\/await donc\u00a0je vous recommande d’\u00e9viter, sauf \u00e0 vouloir chercher durant des heures pourquoi votre application n\u2019ex\u00e9cute pas \u00e0 chaque fois le code async\/await). La version Visual Studio 2012 et WP7 fonctionne tr\u00e8s bien en revanche. Voici donc\u00a0un exemple\u00a0d’impl\u00e9mentation possible avec le async await.<\/p>\n
public static async Task<BitmapImage> LoadResourceImage1(string resourceName)\n        {\n            using (var imageStream = await LoadStreamResourceAsync(resourceName))\n            {\n                return await InitBitmapImageAsync(imageStream);\n\n            }\n            return null;\n        }\n\n        public static async Task<Stream> LoadStreamResourceAsync(string resourceName)\n        {\n\n            return await Task.Factory.StartNew<Stream>(() =>\n            {\n                if (resourceName == null)\n                {\n                    throw new ArgumentException(\"Ressource Name is null\");\n                }\n                Stream stream = null;\n                var resource = Application.GetResourceStream(new Uri(resourceName, UriKind.Relative));\n                {\n                    if (resource != null)\n                        stream = resource.Stream;\n                }\n                return stream;\n            }, CancellationToken.None, TaskCreationOptions.AttachedToParent, TaskScheduler.Default);\n        }\n\n        private static async Task<BitmapImage> InitBitmapImageAsync(Stream imageStream)\n        {\n            BitmapImage image = null;\n            DispatcherSynchronizationContext dsc = new DispatcherSynchronizationContext(Deployment.Current.Dispatcher);\n            await Task.Factory.StartNew(() =>\n            {\n                dsc.Send(_ =>\n                {\n                    if (imageStream != null)\n                    {\n                        image = new BitmapImage();\n                        image.CreateOptions = BitmapCreateOptions.None;\n                        image.SetSource(imageStream);\n                    }\n                }, null);\n            });\n            return image;\n        }<\/pre>\n
M\u00e9thode new BitmapImage<\/h2>\n
Enfin, la derni\u00e8re m\u00e9thode est d\u00e9concertante de simplicit\u00e9\u00a0:<\/p>\n
 public static void LoadResourceImage3(string resourceName, Action<BitmapImage> action)\n        {\n        Uri uri = new Uri(resourceName, UriKind.RelativeOrAbsolute);\n        Deployment.Current.Dispatcher.BeginInvoke(() =>\n            {\n                if (action != null)\n                    action(new BitmapImage(uri));\n            });            \n        }<\/pre>\n
Difficile de faire plus simple Non\u00a0? Remarque : le \u00ab\u00a0Deployment.Current.Dispatcher.BeginInvoke<\/strong>\u00a0\u00bb est tr\u00e8s important ici pour pouvoir utiliser cette m\u00e9thode dans un Thread en arri\u00e8re plan : new BitmapImage n\u00e9cessite en effet le Thread principal de l’interface utilisateur (le ThreadUI) pour s’ex\u00e9cuter (l’instruction …Dispatcher…\u00a0est l\u00e0 pour indiquer que l’ex\u00e9cution se fait dans le Thread principal).<\/p>\n
Tests de performance<\/h1>\n
\"Capture<\/a> Pour savoir laquelle de ces 3 m\u00e9thodes est la plus rapide, j\u2019ai r\u00e9alis\u00e9 un petite application\u00a0Benchmark qui charge 100 images avec\u00a0la r\u00e9partition\u00a0suivante :<\/p>\n