Windows Phone

20 articles

Migration vers 8.1 : Les fichiers de ressources resw

Introduction

Premier article d’une série qui revient sur mon retour d’expérience sur la migration des application Windows Phone 8.0 (Silverlight) vers Windows Phone 8.1/Windows 8.1 (Universal App).

Visual Studio 2013 permet de réaliser des universal apps, applications à la fois compatibles Windows Phone 8.1 et Windows 8.1.

La quasi totalité du code peut ainsi être partagé (jusqu’aux interfaces graphiques) permettant un incroyable gain de temps dans la création et surtout dans la maintenance de projets sur la mobilité.

Resx – C’était mieux avant ?

Grand changement et mauvaise surprise lorsque je me suis aperçu lors de la soumission sur le Store que mon paquet ne pouvait être accepté.

La cause : des fichiers resx dans des assemblies (mêmes dans les Portable Class Library censées fonctionner dans la quasi totalité des projets Windows phone 7, 8, 8.1, …)

Ce qui est assez drôle c’est que tout fonctionne jusqu’au moment du déploiement dans le store. L’application que j’ai tenté de déployer fonctionnait parfaitement sur mon téléphone avec des fichiers resx dans une Portable Class Library (PCL)

Poursuivre la lecture

Réglage du zoom du Scrollviewer en universal app (w10, Wp8.1)

Zoom et Scrollviewer (avant)

Pour initialiser le zoom du Scrollviewer, il était possible avec Windows 8.0 de définir directement le niveau de zoom désiré avec l’instruction :

scrollViewer.ZoomToFactor(3.0F);

pour avoir un zoom de 300% par exemple.

De même pour se déplacer dans le scrollviewer, il fallait également utiliser

scrollViewer.ScrollToHorizontalOffset(100);
scrollViewer.ScrollToVerticalOffset(200);

Ces 3 méthodes sont depuis peu marquées comme deprecated, et bien que le code continue à fonctionner, il est fortement recommander d’utiliser l’instruction ChangeView à la place.

Scrollviewer_ZoomToFactorLa syntaxe est plus simple à priori :

http://msdn.microsoft.com/en-us/library/windows/apps/windows.ui.xaml.controls.scrollviewer.changeview(v=win.10).aspx

var Succes = scrollViewer.ChangeView(100, 200, 0.3F, false);

La vue est ici positionnée avec 30% de zoom avec un scroll horizontal de 100 pixels 200 vertical.

Le dernier paramètre permet de désactiver l’animation de zoom.

L’ensemble retourne true si le zoom a eu lieu.

il est également possible de ne faire qu’un zoom sans déplacement en remplaçant les valeurs inutilsées par null

var Succes = scrollViewer.ChangeView(null, null, 0.3F, false);

Le problème

Pourtant lorsque cette instruction est utilisée dans un projet WP8.1… rien ne se passe!

Poursuivre la lecture

Icones Segoe UI Symbol et C#

 

Les icônes Segoe UI Symbol

Microsoft depuis Windows 8 recommande d’utiliser des icônes provenant d’une police de caractères « Segoe UI Symbol ».

C’est très pratique, il suffit de choisir cette fonte et de connaître ensuite le code pour directement accéder à l’image vectorielle de très bonne qualité, et personnalisable avec de la couleur.

Certains caractères ont une largeur nulle permettant également de faire un contour d’une autre couleur ou encore de créer un cercle autour de l’cône.

Les palettes d’icônes Segoe UI Symbol sont consultables sur différents sites :

exemple :

 

SgoeUiSymbol

 

C’est assez simple, dans une application XAML, il suffit de codifier le caractère avec les tags XML standards.

Poursuivre la lecture

Pinch to Zoom avec Windows et Windows Phone 8.1

Comment rendre une image zoomable?

Pour l’application Infografx, j’ai eu besoin de gérer le zoom d’un graphique à travers un « pinch to zoom »

Zoom-Gesture

 

Lors de l’utilisation d’une image, l’utilisateur doit pouvoir zoomer et se déplacer dans le Zoom.

Mon premier réflex a été de coder l’utilisation de se zoom et du scale à partir des évenements de manipulation. Et puis comme j’étais dans un modèle M-V-VM j’ai même utilisé un behavior pour rendre le code plus propre.

Tout celà pour rien, car il existe une manière bien plus simple et bien plus efficace…

Avant

Avant, il fallait coder les gestes de l’utilisateur intervenant sur l’image.

Voici un exemple de code qui fait intervenir 2 évènements sur le contrôle ManipulationStart et ManipulationDelta.

    private void image_OnManipulationDelta(object sender, ManipulationDeltaEventArgs e)
    {
        var transform = (CompositeTransform)image.RenderTransform;

        // pan
        transform.TranslateX = _translationX + e.CumulativeManipulation.Translation.X;
        transform.TranslateY = _translationY + e.CumulativeManipulation.Translation.Y;

        // zoom
        if (e.PinchManipulation != null)
        {
            transform.CenterX = e.PinchManipulation.Original.Center.X;
            transform.CenterY = e.PinchManipulation.Original.Center.Y;

            transform.ScaleX = _scaleX * e.PinchManipulation.CumulativeScale;
            transform.ScaleY = _scaleY * e.PinchManipulation.CumulativeScale;
        }
    }

    private void image_OnManipulationStarted(object sender, ManipulationStartedEventArgs e)
    {
        // the user has started manipulating the screen, set starting points
        var transform = (CompositeTransform)image.RenderTransform;
        _scaleX = transform.ScaleX;
        _scaleY = transform.ScaleY;
        _translationX = transform.TranslateX;
        _translationY = transform.TranslateY;
    }

Le code est assez long, le résultat n’est pas parfait car un peu rigide (pas de gestion de l’inertie) et pas facile à insérer dans un modèle M-V-VM.

Il existe un moyen pourtant bien plus simple.

Le ScrollViewer

Avec Windows 8 et les projets Windows Phone 8.1 (non Silverlight), le scrollviewer est enrichi d’un Zoom.

En Initialisant la propriété ZoomMode avec « Enabled », vous bénéficiez d’un Pinch To Zoom sur n’importe quel contenu du ScrollViewer

D’autres propriétés permettent également de paramétrer votre zoom :

  • MinZoomFactor : Pour fixer le zoom minimum (exemple 0.25)
  • MaxZoomFactor : Pour fixer le zoom maximum (exemple 3.0)
  • IsZoomInertiaEnabled : Pour gérer l’inertie du zoom (exemple false)

Ce qui donne en XAML

 <ScrollViewer Width="Auto" Height="Auto" VerticalScrollBarVisibility="Visible"
                          HorizontalScrollBarVisibility="Visible" Margin="4"
                          ZoomMode="Enabled"                           
                          MinZoomFactor="0.25"
                          MaxZoomFactor="3.0"
                          IsZoomInertiaEnabled="False"
                          >
                <Grid VerticalAlignment="Top" HorizontalAlignment="Left"
                       >
...

 

Et voilà! En quelques lignes de code XAML le tour est joué. vous avez un zoom parfait, sans code à maintenir et 100% M-V-VM.

Hard reset et RoamingFolder sur Windows Phone 8.1

Windows Phone 8.1 PowerTools

Etant inscrit comme développeur Windows Phone, j’ai la possibilité de tester en avant première la version 8.1 de Windows Phone.

Jusqu’à aujourd’hui tout se passait bien avec la stabilité légendaire de l’OS Windows phone, je n’avais pas grand-chose à reprocher à cette nouvelle version Béta.

Avec Visual Studio 2013, il existe de nouvelles fonctionnalités pour Windows Phone 8.1 très utiles pour tracer le CPU, mémoire, consommation batterie…

Pour activer ce paquet, l’installation d’une mise à jour de Windows Phone 8.1 par Visual studio est nécessaire.

Le crash

Après cette dernière mise à jour, le téléphone redémarre. Surprise, la plupart des applications « Silverlight Windows Phone » se lancent et … se ferment après 3 secondes d’utilisation. Le téléphone est incroyablement lent et une application exemple qui consommait auparavant 20Mo occupe maintenant 200Mo !

A priori, je ne suis pas le seul à avoir ce problème :

WPPowertools8.1Issues

 

Après 18 mois d’utilisation de mon Lumia 920, je n’avais jamais eu besoin de le réinitialiser. J’ai plus de 250 applications et jeux (pour mes enfants) installés.

Je crains la réinstallation des applications qui s’annonce fastidieuse mais pas d’autre choix.

C’est avec un pincement au cœur que je me résous à faire le Hard Reset de mon Lumia.

La sauvegarde

Avant de lancer le Hard Reset :

  • Les photos, musiques et vidéos peuvent être sauvées avec une simple copie de fichier via la prise USB
  • Avec WP8.1, un backup de vos SMS, Applications et paramètres a été ajouté : Les paramètres et applications et SMS sont sauvegardés avec le menu Sauvegarde dans Paramètres.

Poursuivre la lecture

Isolated Storage et Images sous Windows Phone 8

Je vous propose un petit tour d’horizon sur le stockage d’images dans l’Isolated Storage.

Pour rappel, l’Isolated storage est l’emplacement réservé à votre application Windows Phone pour le stockage de fichiers.

Quelles sont les implémentations qui permettent de récupérer une image déjà stockée dans cet espace ? Quelles sont les méthodes les plus efficaces ?

L’implémentation classique (Windows Phone 7)

C’est l’implémentation standard « old school » : j’utilise GetUserStoreForApplication() et OpenFile pour lire un Stream. Le Stream est ensuite lu par le BitmapImage et renvoyé dans une Action.

public static void LoadImageFromStorage(string name, Action<BitmapImage> actionBitmap)
{
    using (IsolatedStorageFile myIsolatedStorage = IsolatedStorageFile.GetUserStoreForApplication())
    {
        if (myIsolatedStorage != null && myIsolatedStorage.FileExists(name))
        {
            IsolatedStorageFileStream fileStream = myIsolatedStorage.OpenFile(name, FileMode.Open, FileAccess.Read);
            {
                Deployment.Current.Dispatcher.BeginInvoke(() =>
                {
                    BitmapImage bitmapSource = new BitmapImage();
                    bitmapSource.SetSource(fileStream);
                    if (actionBitmap != null)
                        actionBitmap(bitmapSource);
                });
            }
        }
    }
}

Remarque 1

BitmapImage nécessite de s’exécuter dans le ThreadUI principal, pour cela, on utilise

Deployment.Current.Dispatcher.BeginInvoke(() =>

Poursuivre la lecture

HTTP et images sous Windows Phone

Je continue avec l’affichage des Images et je vous propose cette fois de voir les implémentations possibles pour récupérer des images depuis le Web avec le protocole http.

L’implémentation classique :

public static void GethttpImage1(string urlImage, Action<BitmapImage> action)  
{
  var request = (HttpWebRequest)WebRequest.Create(urlImage);
  request.BeginGetResponse(result =>
  {
    using (var sr = request.EndGetResponse(result))
    {
        Deployment.Current.Dispatcher.BeginInvoke(() =>
            {
                var image = new BitmapImage();
                image.SetSource(sr.GetResponseStream());
                if (action != null)
                    action(image);
                sr.Close();
            });
    }
  }
}

urlImage contient l’url de l’image sous forme d’une châine de caractère : exemple : http://dev.bratched.fr/download/testimage1.png

La méthode utilise un WebRequest et lit la réponse de la requête sous forme d’un stream avec le request.EndGetResponse.

La partie

Deployment.Current.Dispatcher.BeginInvoke(() =>

est très importante car elle va permettre d’utiliser le BitmapImage dans le Thread Principal même lorsque la méthode est appelée dans un Thread tournant en tâche de fond.

Poursuivre la lecture

Utilisation des Images resources avec Windows Phone

Je vous propose un petit retour d’expérience sur l’utilisation des ressources dans le développement Windows Phone dans un modèle M-V-VM.

Différentes façon de coder

L’image que l’on souhaite afficher provient des ressources et devrait pouvoir s’afficher à travers une propriété Image de type BitmapImage dans un ViewModel. A noter que le dans l’exemple ci dessous, UIThreadPool permet d’afficher cette image même lorsque celle-ci est alimentée depuis un Thread qui tourne en tâche de fond.

SynchronizationContext UIThread = SynchronizationContext.Current;

public BitmapImage Image
       {
           get { return _image; }
           set
           {
               UIThread.Post(_ =>
                   {
                       _image = value;
                       RaisePropertyChanged("Image");
                   }, null);
           }
       }

Comment afficher une image incluse dans les ressources de l’application ?

Attention les 2 premières méthodes décrites sont à proscrire et à ne surtout pas reproduire. Allez jusqu’à la fin de l’article pour voir comment implémenter correctement l’affichage d’une image ressource. Poursuivre la lecture

Mutualisation du code source dans les projets Windows et Windows Phone

La Portable Class Library (PCL)

La portable Class library (PCL) va nous permettre de mutualiser une grande partie du code à travers projets.

Il est possible depuis quelques années de partager du code PCL entre différents projets (Sliverlight, WPF, Windows Phone, Windows 8,…).
Plus les projets sont différents, plus le nombre de classes mutualisées diminue.

Il est important de voir que cette Library ne pourra être utilisée que pour des projets compatibles avec les options choisies.

A noter également que les versions Express de visual studio ne permettent pas de créer une PCL, mais accepte en revanche leur utilisation dans un projet.

Cette Library ne pourra pas non plus utiliser une library qui n’aurait pas à minima les mêmes options sélectionnées.

PCL_WindowsMenu

Exemple d’un projet Windows 8 et windows Phone.

Pour simplifier notre problématique nous allons parler uniquement des 2 plateformes Windows 8 et Windows Phone. Dans cet exemple nous souhaitons mutualiser le code entre ces multiples plateformes (Windows Phone 7, 8, 8.1, Windows 8,…).

Poursuivre la lecture

Quelles versions de Visual Studio pour vos APPs Windows Phone ?

Windows Phone 7.x, 8.0 et 8.1

Depuis avril 2014, Il existe 3 versions majeures de Windows Phone : 7.x, 8 et 8.1.

La version 8.1 permet de créer des applications Windows Phone 8.1 « classique » renommées 8.1-Silverlight (SL) et également les nouvelles applications « Universal Apps » qui pourront être partagées entre Windows 8.1 et Windows Phone 8.1.

La mutualisation du code était déjà partiellement possible avec les PCL (Portable Class Librairies). L’assemblie compilée est directement utilisable à la fois dans un projet Windows phone 7.x, Wp8 et Windows 8 par exemple.

Les « Universal Apps » permettent en plus de mutualiser une grande partie du code visuel.

Visual Studio 2013 permet donc à la fois de créer des PCL compatibles WP8, W8, WP8.1, W8.1 et utilisables à la fois dans des applications Windows Phone classiques, Windows 8.x dans des projets Universal Apps.

Mais là où ça se complique c’est que Visual Studio 2013 ne permet plus la compatibilité WP7.x.

Windows Phone 7.x représente encore en avril 2014 19% des utilisateurs de Windows Phone (cliquez sur l’image pour l’enquête complète de adduplex).

clip_image003_thumb

Il va falloir faire un choix.

Si vous voulez pouvoir créer une application pour Windows Phone 7.x, Visual Studio 2012 vous sera encore très utile pour créer la PCL compatible WP7 et WP8 ainsi que l’application en Windows Phone 7.x.

Synthèse

Le schéma ci dessous vous présente une synthèse des possibilités en fonction de la version de Visual Studio choisie.

De même en fonction des choix pris pour la construction des PCL, votre code pourra ou non être mutualisé entre un projet Windows phone 7 et un projet Windows phone 8.1.

Poursuivre la lecture