{"id":148,"date":"2014-06-01T00:38:50","date_gmt":"2014-05-31T22:38:50","guid":{"rendered":"http:\/\/dev.bratched.fr\/en\/utilisation-des-images-resources-avec-windows-phone\/"},"modified":"2019-07-20T17:42:58","modified_gmt":"2019-07-20T15:42:58","slug":"utilisation-des-images-resources-avec-windows-phone","status":"publish","type":"post","link":"https:\/\/bratched.com\/en\/2014\/06\/01\/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 \u00e0 travers une propri\u00e9t\u00e9 Image de type BitmapImage dans un ViewModel. A noter que le dans l\u2019exemple 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

<\/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
<\/p>\n
Comment afficher une image incluse dans les ressources de l\u2019application ?<\/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\u2019une image ressource. <\/span><\/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\u2019impl\u00e9menter un Stream pour r\u00e9cup\u00e9rer l\u2019image stock\u00e9e dans une application :<\/p>\n
<\/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        }<\/pre>\n
<\/p>\n
L\u2019affichage de l\u2019image est retourn\u00e9e par une m\u00e9thode g\u00e9n\u00e9rique qui prend un Stream en entr\u00e9e et retourne un BitmapImage en asynchrone dans une Action.<\/p>\n
<\/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);<\/pre>\n
<\/p>\n
L\u2019utilisation de ce Stream peut ensuite se faire de la fa\u00e7on suivante :<\/p>\n
<\/p>\n
CacheImageService.LoadResourceImage2(resourceName, b => Image = b ) ;<\/pre>\n
<\/p>\n
M\u00e9thode async et await<\/h2>\n
Nous pouvons \u00e9galement utiliser async\/Await pour rendre le code plus compr\u00e9hensible et \u00e9viter ce meli-m\u00e9lo d\u2019actions imbriqu\u00e9es. A noter que le code peut \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 semble fonctionner. Cependant l\u2019application se comportement de fa\u00e7on al\u00e9atoire avec le async\/await donc je vous recommande d\u2019\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 un exemple d\u2019impl\u00e9mentation possible avec le async await.<\/p>\n
<\/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
<\/p>\n
M\u00e9thode new BitmapImage<\/h2>\n
Enfin, la derni\u00e8re m\u00e9thode est d\u00e9concertante de simplicit\u00e9 :<\/p>\n
<\/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
<\/p>\n
Difficile de faire plus simple Non ? Remarque : le \u201cDeployment.Current.Dispatcher.BeginInvoke<\/strong>\u201d 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\u2019interface utilisateur (le ThreadUI) pour s\u2019ex\u00e9cuter (l\u2019instruction \u2026Dispatcher\u2026 est l\u00e0 pour indiquer que l\u2019ex\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 Benchmark qui charge 100 images avec la r\u00e9partition suivante :<\/p>\n