Toutes les astuces pour Visual Studio, Silverlight : Silverlight

Astuce Silverlight : comment charger dynamiquement un contrôle depuis une DLL - #S027

VS Astuces — Tue, 28 Apr 2009 11:00:00 GMT

Si vous avez une image ou une application lourde il peut être mieux de la couper et de la placer dans des plus petits composants (DLL) qui peuvent être téléchargés par le client depuis le serveur lorsqu’il en a besoin. De cette façon vos clients n’ont pas besoin d’attendre que toute l’application soit téléchargée à la première connexion à votre application sur le Web.

Dans cette astuce je vais vous montrer comment packager vos contrôles Silverlight dans une DLL et les placer sur votre serveur Web. Ensuite, je vais vous montrer comment faire que le client télécharge la DLL, créé et instancie le contrôle Silverlight depuis la DLL et ensuite ajouter le contrôle à votre application Silverlight.

Etape 1 : Créer un composant Silverlight dans une DLL

Pour commencer, créez une nouvelle Bibliothèque de Classes Silverlight. Cela peut être fait dans le menu de Visual Studio Fichier | Nouveau | Projet. Dans les types de projets étendez le nœud Visual C# et choisissez Silverlight. Depuis le panneau des modèles sur la droite de cette boite de dialogue choisissez Bibliothèque de Classes Silverlight. Entrez un nom de projet (ici « Mage ») et cliquez sur OK lorsque tout est prêt.

Faites un clic droit dans l’explorateur de solutions sur votre nœud Classe et choisissez Ajouter un nouvel élément. Cela affichera une boite de dialogue. Sélectionnez Contrôle Utilisateur Silverlight, donnez lui un nom (ici « Mage.xaml ») et cliquez sur OK.

Ajoutez le contenu que vous voulez à ce contrôle. Pour les besoins de cette démonstration j’ai simplement ajouté l’image d’un mage.

Appuyez sur Ctrl+Maj.+B pour générer le projet. Cela ajoutera le composant dans une DLL située dans le répertoire bin : bin\Mage.dll.

Etape 2 : créer une application Silverlight

Maintenant que vous avez votre composant Silverlight généré et prêt à être lancé, il est temps de créer une application Silverlight qui va charger et afficher le composant. Créez une application Silverlight en sélectionnant dans le menu Fichier | Nouveau Projet et choisissez Application Silverlight. Donnez un nom de projet (ici MyGame) et cliquez sur OK.

Copiez la DLL du composant Silverlight que vous avez générée plus tôt (ici Mage.dll) dans le dossier de votre site Web.

Etape 3 : télécharger et afficher le contrôle Silverlight

Le code suivant montre comment charger et afficher le contrôle Silverlight. Quelques remarques :

Ajouter la déclaration using pour référencer System.Reflection parce que nous avons créé un comporant déclaré en tant que objet Assembly.
Utiliser le composant WebClient pour ouvrir la DLL en lecture asynchrone.
Soyez sûr de pointer vers le chemin absolue de votre DLL. Un chemin absolu utilise l’URL compléte.
Une fois que je téléchargement est complé, l’assembly est chargée et une instance du contrôle est créée.
Enfin, le contrôle est ajouté au niveau racine de l’application.

Le résultat est une belle petite image de mage :

using System;using System.Collections.Generic;using System.Linq;using System.Net;using System.Windows;using System.Windows.Controls;using System.Windows.Documents;using System.Windows.Input;using System.Windows.Media;using System.Windows.Media.Animation;using System.Windows.Shapes;using System.Reflection; namespace MyGame{    public partial class Page : UserControl    {        private Assembly _mageComponent;         public Page()        {            InitializeComponent();             LoadMageComponent();        }         private void LoadMageComponent()        {            WebClient downloader = new WebClient();            downloader.OpenReadCompleted += new OpenReadCompletedEventHandler(downloader_OpenReadCompleted);             string component = "Mage.dll";            string absoluteUri = System.Windows.Application.Current.Host.Source.AbsoluteUri;            string path = absoluteUri.Substring(0, absoluteUri.IndexOf("ClientBin")) + component;             downloader.OpenReadAsync(new Uri(path, UriKind.Absolute));        }         void downloader_OpenReadCompleted(object sender, OpenReadCompletedEventArgs e)        {            AssemblyPart assemblyPart = new AssemblyPart();            _mageComponent = assemblyPart.Load(e.Result);            UserControl control = (UserControl)_mageComponent.CreateInstance("Mage.Mage");            LayoutRoot.Children.Add(control);        }    }}

Syndication : Mike Snow’s Weblog
Traduction autorisée par Mike Snow.

Astuce Silverlight : comment implémenter le Double Click - #S026

VS Astuces — Tue, 21 Apr 2009 11:00:00 GMT

Actuellement, Silverlight supporte la souris mais avec un seul click. Donc dans cette astuce nous allons voir comment implémenter le Double Clic. Vous pouvez appliquer cette technique à un contrôle individuel ou à toute votre page.

La clé de cette astuce est de lancer un timer DispatcherTimer lorsque l’événement click gauche de la souris est déclenché. Si un clic sur un autre bouton de la souris est intercepté avant la fin de l’interval de temps du double clic, il ne faut pas activer le double clic. Cet interval est généralement situé aux alentours des 200 millisecondes. Une fois que les 200 millisecondes sont passées, le timer doit être stoppé et désactivé jusqu’à qu’un autre clic sur la souris est intercepté.

Pour démarrer, créons notre timer et ajoutons un écouteur sur l’événement MouseLeftButtonDown.

DispatcherTimer _doubleClickTimer;Image _lastImage = null; public Page(){    InitializeComponent();       _doubleClickTimer = new DispatcherTimer();    _doubleClickTimer.Interval = new TimeSpan(0, 0, 0, 0, 200);    _doubleClickTimer.Tick += new EventHandler(DoubleClick_Timer);     this.MouseLeftButtonDown += new MouseButtonEventHandler(Page_MouseLeftButtonDown);} // too much time has passed for it to be a double click.            void DoubleClick_Timer(object sender, EventArgs e){    _doubleClickTimer.Stop();}

Maintenant, dans la méthode Page_MouseLeftButtonDown(), on :

1. Vérifie que le timer est activé.

2. S’il l’est déjà, c’est que nous avons déjà cliqué une fois, nous avons donc fait un double clic.

3. Si le timer est désactivé, le démarrer.

 
void Page_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    if (_doubleClickTimer.IsEnabled)
    {
        // a double click has occured
        _doubleClickTimer.Stop();
 
        Image catImg = new Image();
        Uri uri = new Uri("cat.png", UriKind.Relative);
        ImageSource imgSource = new
            System.Windows.Media.Imaging.BitmapImage(uri);
        catImg.Source = imgSource; 
 
        catImg.SetValue(Canvas.LeftProperty,(double) e.GetPosition(LayoutRoot).X-90);
        catImg.SetValue(Canvas.TopProperty, (double)e.GetPosition(LayoutRoot).Y-113);
 
        if(null != _lastImage)
            MainCanvas.Children.Remove(_lastImage);
        
        MainCanvas.Children.Add(catImg);
        _lastImage = catImg;
 
    }
    else
    {
        _doubleClickTimer.Start();
    }
}

Voici une petite démonstration du code :

Syndication : Mike Snow’s Weblog
Traduction autorisée par Mike Snow.

Astuce Silverlight : comment modifier la taille de votre contrôle Silverlight - #S025

VS Astuces — Tue, 14 Apr 2009 11:00:00 GMT

Une propriété souvent inconnue de votre contrôle Silverlight est la propriété ScaleMode. Cette propriété permet de spécifier comment les contrôles, au sein de votre application Silverlight, seront redessinés lorsque votre contrôle Silverlight est redimensionné.

Par exemple, si la largeur ou la hauteur de votre contrôle Silverlight est défini sur un pourcentage de la page de votre navigateur web, lorsque la page du navigateur est redimensionnée, votre contrôle Silverlight le sera donc.

Trois options sont disponibles pour la propriété ScaleMode :

None – Aucun redimentionnement n’est appliqué.
Stretch- Le contrôle est étiré pour remplir la totalité du navigateur.
Zoom – Le redimentionnement appliqué, est proportionnel au remplissage du navigateur.

L’exemple suivant montre comment définir la propriété ScaleMode à Stretch dans votre page ASPX :

<asp:Silverlight ID="Xaml1" ScaleMode="Stretch" runat="server" Source="~/ClientBin/SilverlightApplication52.xap" MinimumVersion="2.0.31222.0" Width="100%" Height="100%" />

Avant le redimentionnement du navigateur :

Après le redimentionnement du navigateur (remarquez la taille du bouton) :

Syndication : Mike Snow’s Weblog
Traduction autorisée par Mike Snow.

Astuce Silverlight : comment rogner un objet - #S024

VS Astuces — Tue, 07 Apr 2009 11:00:00 GMT

Si vous souhaitez simplement afficher une partie d’un objet pour pouvez le faire au travers de la propriété Clip. Le clip que vous définissez est la zone de l'objet que vous souhaitez afficher. Par exemple, avec un rectangle défini comme ceci :

Si vous ne souhaitez afficher qu’une partie du rectangle, vous pouvez appliquer une région clip comme ceci :

Vous remarquerez l’utilisation de EllipseGeometry et du centrage dans le coin supérieur gauche. Le résultat est un quart de cercle de 80x80. En plus de EllipseGeometry vous pouvez utiliser :

RectangleGeometry
GeometryGroup
LineGeometry
PathGeometry

Syndication : Mike Snow’s Weblog
Traduction autorisée par Mike Snow.

Astuce Silverlight : comment désactiver l’accès à DOM HTML depuis votre Application Silverlight - #S023

VS Astuces — Tue, 31 Mar 2009 11:00:00 GMT

Si vous désirez désactiver votre application Silverlight de l’accès à votre navigateur DOM vous pouvez le faire via le paramètre appelé EnableHtmlAccess. Par exemple, pour désactiver l'accès dans votre page HTML qui héberge votre composant Silverlight, ajoutez ce paramètre à votre contrôle Silverlight dans votre fichier HTML :

Si votre application Silverlight essayait d'appeler la méthode suivante pour définir un cookie :

private void SetCookie(string key, string value, double daysToExpire)
{
    DateTime expireDate = DateTime.Now + TimeSpan.FromDays(daysToExpire);
    string newCookie = key + "=" + value + ";expires=" + expireDate.ToString("R");
    HtmlPage.Document.SetProperty("cookie", newCookie);
}

Vous obtiendriez ce message d’erreur expliquant que le pont DOM/scripting est désactivé :

Syndication : Mike Snow’s Weblog
Traduction autorisée par Mike Snow.

Astuce Silverlight :Animer des objets avec DoubleAnimationUsingKeyFrames - #S022

VS Astuces — Tue, 24 Mar 2009 11:00:00 GMT

Dans l’astuce #S020 j’ai exploré l’utilisation de DoubleAnimation pour animer la valeur d’une propriété pour un contrôle donné en utiliser la méthode De/Vers. Dans cette astuce, nous allons explorer DoubleAnimationUsingKeyFrames. Tandis que DoubleAnimation va d’une valeur vers une autre, DoubleAnimationUsingKeyFrames quand à lui est un conteneur pour un ensemble d’images clé qui déterminera la valeur des propriétés définies à des points précis tout au long du temps.

Il y a 3 différents types d’images clé disponibles :

LinearDoubleKeyFrame – Anime une valeur double en utilisant l’interpolation linéaire. Cela signifie que l'animation sera sans heurts entre les valeurs.
DiscreteDoubleKeyFrame – Anime une valeur double en utilisant des valeurs discrètes. Cela signifie que l'animation sautera entre les positions.
SplineDoubleKeyFrame – Anime une valeur double à l'aide interpolation spline. Cette image clé utilise un KeySpline. Pour mieux comprendre comment cela fonctionne je vous recommande de revoir comment fonctionne courbes de Bézier. Essentiellement, elle a un point de départ (toujours 0), un point de fin (toujours 1) et deux points de contrôle. Vous définissez les deux points de contrôle en utilisant le KeySpline. Le résultat est une courbe qui représente le taux de changement de l'animation.

Afin de démontrer cette fonctionnalité, nous allons créer une chronologie d'animation d'une image d'un mage marchant dans un carré comme vu dans la démo ci-dessous. Chaque direction utilise un autre type d’image clé.

En examinant le XAML ci-dessous, vous verrez que nous utilisons LinearDoubleKeyFrame pour animer la propriété Left des images depuis la chronologie de la seconde 0 à 2 pour déplacer l'image à droite. Puis, à l'aide SplineDoubleKeyFrame la propriété Top s'anime de la seconde 2 à 4 où je déplace l'image vers le bas l'écran. Vous verrez le mage partir lentement, puis accélérer rapidement étant donné qu’il suit l’ensemble de courbe. Ensuite, nous utilisons à nouveau SplineDoubleKeyFrame l'animation de la propriété Left qui intervient une fois de plus de la seconde 4 à 6 en déplacement le mage vers la gauche. Remarquez qu'aucun KeySpline n’a été créé, ce qu'aurait fait LinearDoubleKeyFrame. Enfin, la propriété Top intervient à la seconde 7 causant le saut de l'image vers Top=0, puisque nous avons utilisé DiscreteDoubleAnimation.

J’ai définie RepeatBehavior = “Forever” qui permettra la lecture en boucle de l’animation.

Et la source de Page.xaml :

<Storyboard x:Name="MageSB" RepeatBehavior="Forever" >                   
    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(Canvas.Left)" 
                                   Storyboard.TargetName="MyMage">                        
        <LinearDoubleKeyFrame KeyTime="00:00:00" Value="0"></LinearDoubleKeyFrame>
        <LinearDoubleKeyFrame KeyTime="00:00:02" Value="120"></LinearDoubleKeyFrame>
        <SplineDoubleKeyFrame KeyTime="00:00:04" Value="120"></SplineDoubleKeyFrame>
        <SplineDoubleKeyFrame KeyTime="00:00:06" Value="0"></SplineDoubleKeyFrame>
    </DoubleAnimationUsingKeyFrames>
    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(Canvas.Top)" 
                                   Storyboard.TargetName="MyMage">
        <SplineDoubleKeyFrame KeyTime="00:00:02" Value="0"></SplineDoubleKeyFrame>
        <SplineDoubleKeyFrame KeySpline="1.0,0.0 1.0,0.00" KeyTime="00:00:04" Value="80"></SplineDoubleKeyFrame>
        <DiscreteDoubleKeyFrame KeyTime="00:00:07" Value="0"></DiscreteDoubleKeyFrame>
    </DoubleAnimationUsingKeyFrames>
</Storyboard>

Syndication : Mike Snow’s Weblog
Traduction autorisée par Mike Snow.

Astuce Silverlight : Créer un générateur de nombre aléatoire efficace - #S021

VS Astuces — Tue, 17 Mar 2009 11:00:00 GMT

Dans certains de mes anciens articles j’ai créé un générateur de nombres aléatoires distinct pour chaque objet. Toutefois, la documentation sur les nombres aléatoires stipule :

« La valeur initiale par défaut est dérivée de l'horloge système et a la résolution finie. En conséquence, les objets Random différents qui sont créés successivement par un appel au constructeur par défaut ont des valeurs initiales par défaut identiques et produisent ainsi des jeux identiques de nombres aléatoires. Ce problème peut être évité en utilisant un seul objet Random pour générer tous les nombres aléatoires. »

En conséquence j'ai créé une classe unique de générateur de nombres aléatoires et je l’ai placée dans une nouvelle classe statique appelée Utils où elle pourrait être globalement référencée.

public class Utils
{
    static Random _random;
 
    static Utils()
    {
        _random = new Random();
    }
 
    public static int RndGen(int min, int max)
    {
        return _random.Next(min, max);
    }
}

Pour effectuer un appel depuis l’une de vos classes, telle que votre classe Page, faites simplement un appel comme suit pour obtenir un nombre aléatoire :

int value = Utils.RndGen(1, 50);

Le premier paramètre est la valeur minimale que vous voulez et la seconde, la valeur maximale.

Syndication : Mike Snow’s Weblog
Traduction autorisée par Mike Snow.

Astuce Silverlight : Animer des objets avec DoubleAnimation - #S020

VS Astuces — Tue, 10 Mar 2009 11:00:00 GMT

En Silverlight vous pouvez utiliser le contrôle Storyboard pour animer une propriété d’un objet. Il peut être utilisé pour des propriétés de type double, Color ou Point. Par exemple vous pouvez animer le changement de la propriété Opacity de type double d’un Rectangle en fonction du temps. Un Storyboard peut être déclaré dans votre XAML mais doit être placé comme une ressource. Par exemple, le Storyboard suivant est déclaré comme une ressource d’un objet Canvas :


<Canvas>                 
    <Canvas.Resources>
        <Storyboard x:Name="MyRect">
        </Storyboard>
    </Canvas.Resources>
</Canvas>

Le contrôle Storyboard fournit deux options pour l’animation :

DoubleAnimation – Utilise une direction De/Vers.
DoubleAnimationUsingKeyFrames – Il s’agit d’un conteneur pour un ensemble d’images clés qui vont déterminer la valeur pour un ensemble de points donné sur la ligne du temps. Nous verrons cette option dans la prochaine astuce.

DoubleAnimation.

Comme je l'ai dit précédemment, DoubleAnimation utilise une direction (De/Vers) qui prend la propriété cible à partir une valeur à une autre. Examinons maintenant certaines des propriétés que DoubleAnimation fournit :

Storyboard.TargetProperty – A utiliser pour cibler la propriété que vous souhaiter animer. Cela doit être dans le format UIElement.Property.
Storyboard.TargetName – A utiliser pour cibler l’objet que vous voulez animer.
Duration – Utilisez cette propriété pour spécifier le temps que dois prendre l’annimation. Format = [jours.]heures:minutes:secondes.
From/To – Les valeurs de début et de fin que vous voulez définir pour la propriété. Par défaut From = 1.0 et ne doit pas être défini à moins que vous ne vouliez une valeur différente.
AutoReverse – Cela entraînera l’inversion de l'animation une fois qu'elle est terminée.
RepeatBehavior – Definissez la à “Forever” pour une répétition infinie. Vous pouvez également définir la durée (format = [jours.]heures:minutes:secondes) ou un nombre d’itérations.

L’exemple suivant montre comment, avec DoubleAnimation nous modifions l’opacité d’une image en continue.


<Canvas>                 
    <Canvas.Resources>
        <Storyboard x:Name="CatSB">
            <DoubleAnimation Storyboard.TargetName="MyCat" Storyboard.TargetProperty="UIElement.Opacity"
                             Duration="00:00:02" From="1.0" To="0.0" 
                             AutoReverse="True"  RepeatBehavior="Forever">                        
            </DoubleAnimation>
        </Storyboard>
    </Canvas.Resources>
    <Image Source="cat.jpg" x:Name="MyCat" >              
    </Image>
</Canvas>

Pour démarrer le Storyboard nous appelons la méthode CatSB.Begin(); depuis notre code.

Demo Live :

Syndication : Mike Snow’s Weblog
Traduction autorisée par Mike Snow.

Astuce Silverlight : Où obtenir les versions localisées de Silverlight 2 Tools - #S019

VS Astuces — Tue, 03 Mar 2009 12:00:00 GMT

Je suis fier de vous annoncer que nous avons publié Silverlight 2 Tools pour Visual Studio 2008 SP1 dans 8 langues ! Consultez les liens ci-dessous pour les obtenir dans la langue de votre choix.

Page de téléchargement : Français
Fichier: http://download.microsoft.com/download/8/E/4/8E4EDB7F-6002-43F9-9C20-AC13EE1A6D7E/Silverlight_Tools.exe

Page de téléchargement : Chinois (CHS)
Fichier : http://download.microsoft.com/download/2/1/8/218414F1-33DA-45B6-9007-18A1566D0D41/Silverlight_Tools.exe

Page de téléchargement : Chinois (CHT)
Fichier : http://download.microsoft.com/download/5/D/6/5D6B8CC0-1A92-42FF-B34C-8E255D6E8DE3/Silverlight_Tools.exe

Page de téléchargement : Espagnol
Fichier : http://download.microsoft.com/download/2/1/B/21BA7418-C2D7-4709-9F22-A2187FAE8153/Silverlight_Tools.exe

Page de téléchargement : Allemand
Fichier : http://download.microsoft.com/download/E/2/2/E2251D3C-C03B-46F0-B392-D2C45DD7B4B5/Silverlight_Tools.exe

Page de téléchargement : Italien
Fichier : http://download.microsoft.com/download/2/B/3/2B35E5F9-7B7F-44BE-B97D-D60EB339ED4A/Silverlight_Tools.exe

Page de téléchargement : Coréen
Fichier : http://download.microsoft.com/download/7/4/5/7452614F-B836-4A88-AC37-157371EF87D5/Silverlight_Tools.exe

Page de téléchargement : Japonais
Fichier : http://download.microsoft.com/download/a/1/e/a1eccacc-dfe2-45ff-80b1-c6a80c69ecb2/Silverlight_Tools.exe

Syndication : Mike Snow’s Weblog
Traduction autorisée par Mike Snow.

Astuce Silverlight : Surveiller les événements App.Current Startup, UnhandledException & Exit - #S018

VS Astuces — Tue, 24 Feb 2009 12:00:00 GMT

Avez-vous déjà remarqué l’événement de la classe appelé Loaded() qui vous indique quand la page est chargée, mais il n’y a rien pour Exit() ou Quit() ?

Exemple avec Page.Loaded() :

public Page()
{
    InitializeComponent();
 
    this.Loaded += new RoutedEventHandler(Page_Loaded);
}
 
void Page_Loaded(object sender, RoutedEventArgs e)
{
    
}

Une des méthode pour surveiller l’événement Exit() de votre classe Page est de souscrire à l’événement App.Current.Exit(). Exemple :

public Page()
{
    InitializeComponent();
            
    App.Current.Exit += new EventHandler(Current_Exit);
}
 
void Current_Exit(object sender, EventArgs e)
{
 
}

En plus de l’événement Exit(), il y a également :

App.Current.Startup()
App.Current.UnhandledException()

Syndication : Mike Snow’s Weblog
Traduction autorisée par Mike Snow.

Astuce Silverlight : Utiliser les Threads en Silverlight - #S017

VS Astuces — Tue, 17 Feb 2009 12:00:00 GMT

Les Threads sont utilisés pour lancer plusieurs travaux de manière concurrentielle dans la même application. Dans un ordinateur avec un seul processeur, les threads sont coupés et le processeur commutera le lancement des threads. Dans un ordinateur avec deux processeurs ou plus, les threads sont capables d’être lancés exactement au même moment, un sur chaque processeur.

Utiliser les threads dans votre application Silverlight peut améliorer les performances en augmentant le temps de réponse de votre application. Vous trouverez ci-dessous, comment faire pour utiliser les threads. Dans cet exemple j’ai :

Ajouté trois TextBlocks dans Page.xaml. Chaque TextBlock sera mis à jour par un thread séparé.
Ajouté un Button pour démarrer et arrêter les threads.
Déclaré trois threads. Chaque thread mettra à jour leur propre TextBlock.
Déclaré un conteur pour chaque thread qui affichera le nombre de fois que le thread sera lancé.
Ajouté Sleep(100) pour chacun des threads. Vous devez faire une pause dans vos threads sinon l’application sera vérouillée.
Appelé BeginInvoke sur chaque élément que je souhaite mettre à jour, ici nos TextBlock. Cet appel est nécessaire depuis que nous essayons de faire un changement sur un élément de l’interface utilisateur qui a été créé par un autre thread (le thread principal).
Dans App.xaml.cs, nous définissons Page.Done = true dans l’événement Application_Exit. Avec cette méthode, les threads seront arrêtés lorsque le navigateur Web sera fermé.

Prévisualisation :

App.xaml:

private void Application_Exit(object sender, EventArgs e){    ((Page)this.RootVisual).Done = true;            }

Page.xaml:

<UserControl x:Class="Threading.Page"    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"     Width="400" Height="300">    <Grid x:Name="LayoutRoot" Background="Yellow">        <Canvas Margin="50">            <Button Click="Button_Click" Content="Toggle Threads"></Button>            <TextBlock x:Name="Data1" Canvas.Top="50">Thread 1</TextBlock>            <TextBlock x:Name="Data2" Canvas.Top="100">Thread 2</TextBlock>            <TextBlock x:Name="Data3" Canvas.Top="150">Thread 3</TextBlock>        </Canvas>    </Grid></UserControl>

Page.xaml.cs:

using System;using System.Collections.Generic;using System.Linq;using System.Net;using System.Windows;using System.Windows.Controls;using System.Windows.Documents;using System.Windows.Input;using System.Windows.Media;using System.Windows.Media.Animation;using System.Windows.Shapes;using System.Threading; namespace Threading{    public partial class Page : UserControl    {        private Thread _thread1;        private Thread _thread2;        private Thread _thread3;         private static System.Windows.Controls.TextBlock _data1;        private static System.Windows.Controls.TextBlock _data2;        private static System.Windows.Controls.TextBlock _data3;         private static int _count1 = 0;        private static int _count2 = 0;        private static int _count3 = 0;         private static bool _done = true;         public bool Done        {            get { return _done; }            set { _done = value; }        }         public Page()        {            InitializeComponent();                        _data1 = Data1;            _data2 = Data2;            _data3 = Data3;        }         private void StartThreads()        {            _done = false;             _thread1 = new Thread(DoThread1);            _thread1.Start();             _thread2 = new Thread(DoThread2);            _thread2.Start();             _thread3 = new Thread(DoThread3);            _thread3.Start();              }         public static void DoThread1()        {            while (!_done)            {                _count1++;                _data1.Dispatcher.BeginInvoke(delegate()                {                    _data1.Text = _count1.ToString();                                 });                System.Threading.Thread.Sleep(100);            }        }         public static void DoThread2()        {            while (!_done)            {                _count2++;                _data2.Dispatcher.BeginInvoke(delegate()                {                    _data2.Text = _count2.ToString();                                   });                System.Threading.Thread.Sleep(100);            }        }         public static void DoThread3()        {            while (!_done)            {                _count3++;                _data3.Dispatcher.BeginInvoke(delegate()                {                    _data3.Text = _count3.ToString();                                    });                System.Threading.Thread.Sleep(100);            }        }         private void Button_Click(object sender, RoutedEventArgs e)        {            if (false == _done)                _done = true;            else                StartThreads();          }     }}

Syndication : Mike Snow’s Weblog
Traduction autorisée par Mike Snow.

Astuce Silverlight : Comment appeler Page.xaml.cs depuis App.xaml.cs ? - #S016

VS Astuces — Tue, 10 Feb 2009 12:00:00 GMT

Votre classe App (App.xaml + App.xaml.cs) est principalement utilisée pour les événements globaux et les déclarations de styles.

Les événements principaux que cette classe gère inclus par défaut :

Application_Startup() – appelé lors du démarrage de l’application.
Application_Exit() - appelé lors de l’arrêt de l’application.
Application_UnhandledException() - appelé lorsqu’une exception non gérée apparaît.

Votre classe Page (Page.xaml + Page.xaml.cs) est là où vous allez généralement mettre le cœur de la logique de votre application ainsi que les déclarations de l’interface utilisateur. Maintenant, comment faire si vous souhaitez communiquer avec votre logique du jeu dans votre classe Page lorsqu’un événement comme Application_Exit() est déclenché dans la classe App ?

Dans Application_Startup(),votre classe App créée une instance de votre classe Page et stocke celle-ci comme un UIElement sous la propriété RootVisual :

private void Application_Startup(object sender, StartupEventArgs e)
{
    this.RootVisual = new Page();
}

Pour illustrer l’appel, ajoutons une fonction get publique dans Page.xaml.cs :

public partial class Page : UserControl
{
    private static bool _done = false;
 
    public bool Done
    {
        get { return _done; }
        set { _done = value; }
    }
}

Au lieu d’appeler n’importe quel membre public dans la classe Page vous devrez caster le type RootVisual en Page étant donné que par défaut c’est un UIElement. Dans App.xaml.cs, faisons un appel pour définir Done = true dans la classe Page lorsque l’application est arrêtée :

private void Application_Exit(object sender, EventArgs e)
{
    ((Page)this.RootVisual).Done = true;            
}

Syndication : Mike Snow’s Weblog
Traduction autorisée par Mike Snow.

Astuce Silverlight : Nouveau site Web Silverlight 2, la « check list » du nettoyage - #S015

VS Astuces — Tue, 03 Feb 2009 12:00:00 GMT

Lorsque vous créez une application Silverlight avec un site Web il y a un certain nombre de choses à faire si vous voulez que cela fonctionne. J’ai créé une petite « check list » ici que je vais maintenir et mettre à jour dès que j’aurai de nouvelles idées.

Changer le titre de la page. Par défaut, le titre est le nom de votre application. Plus généralement, il n’est pas celui que vous voudriez. Ouvrez votre page web (par exemple default.aspx) et changez le nom dans la balise <title></title>.
Version Minimale. Si vous avez un site Web Silverlight 2 que vous avez créé avant d’avoir installé la version RTM, assurez-vous d’utiliser la version minimale de votre contrôle Silverlight sur votre page web : MinimumVersion="2.0.31005.0.”
HTML. Les serveurs IIS sont définis par défaut pour rechercher la page default.htm. SI vous utiliser la page default.html pour héberger vos applications Silverlight, changez cette extension en « .htm ».
Message d’erreur. Si vous utiliser le fichier HTML pour héberger votre application Silverlight, changez le message d’erreur « Unhandled Error in Silverlight 2 Application » du formulaire pour quelque chose de plus spécifique à vitre site. Appliquez la même chose à votre fonction ReportErrorToDOM() dans le fichier App.xaml.cs.
Expérience d’installation – Créez une expérience personnalisée pour les utilisateurs qui n’ont pas Silverlight installé. Regardez l’astuce Tip of the Days #38 (en Anglais) pour en créé une.
Type MIME. Si vous hébergez votre application sur votre propre serveur, ouvrez IIS et assurez-vous que vous avez l’extension XAP enregistrée à « application/x-silverlight-app ». Regardez l’Image 1.1 comme exemple.

Image 1.1. Enregistrement du type Mime XAP

Syndication : Mike Snow’s Weblog
Traduction autorisée par Mike Snow.

Astuce Silverlight : Prise en charge des collections de données en Silverlight - #S014

VS Astuces — Tue, 27 Jan 2009 12:00:00 GMT

Silverlight fournit un certain nombre d’options pour les collections de données, du stockage à la récupération. Dans cette astuce, je vais montrer différent moyens de le faire. Vous aurez besoin d’ajouter l’instruction using à votre page pour référencer : System.Collections ;

BitArray. BitArray est une classe que vous pouvez instanciée qui permet de gérer une collection de valeurs de type bit qui sont représentées soit par true (1) ou false (0). L’exemple suivant est une implémentation de BitArray. Remarquez qu’il y a plusieurs constructeurs différents suivant les options de BitArray, nous n’en voyons qu’un seul.

BitArray bitArray = new BitArray(4);
 
// Add
bitArray[0] = true;
bitArray[1] = false;
bitArray[2] = false;
bitArray[3] = true;
 
// Retreive
if (true == bitArray[1])
{
    //...
}

List. La collection List autorise de stocker n’importe quel type de données qui peuvent donc être accessible par un index. Dans le cas ci-dessous nous utilisons une chaîne mais vous pouvez la remplacer par n’importe quel type d’objet que vous souhaitez.

List<string> test = new List<string>();
 
// Add data
test.Add("Hello");
test.Add("There");
test.Add("Goodbye");
 
// Retrieve "Goodbye"
string data = test[2];

Stack. Stack (Pile) est toujours dernier entré, premier sorti. C’est la dernière donnée qui a été insérée dans la pile via l’appel à la méthode Push() qui sera la première récupérée lors de l’appel de la méthode Pop(). Comme pour la collection List ci-dessus, vous pouvez y stocker n’importe quel type d’objet. Pour notre exemple ci-dessous, nous allons utiliser des entiers.

 
 
 
 
 
 
 
Stack<int> stack = new Stack<int>();
 
stack.Push(5);
stack.Push(3);
stack.Push(4);
 
// Pop the 4 off the stack.
int test = stack.Pop();

Queue. Queue est premier entré, premier sorti. Les objets ajoutés via l’appel à la méthode Enqueue() et récupérés et ajoutés via l’appel à la méthode Dequeue(). Dans l’exemple ci-dessous, nous ajoutons 3 chaînes. Ensuite nous appelons la méthode Dequeue() pour supprimer la première chaîne insérée qui était « Premier ». Si nous faisons un nouvel appel à la méthode Dequeue() nous récupérerons la chaîne « Second ».

// Ajouter des données
Queue<string> queue = new Queue<string>();
queue.Enqueue("Premier");
queue.Enqueue("Second");
queue.Enqueue("Troisième");
 
// Récupère la chaîne "Premier"
string test = queue.Dequeue();

LinkedList. LinkedList est une liste chaînée de nœuds. Vous avez directement accès à la tête et à la queue de la liste et vous pouvez énumérer les éléments du début de la liste à la fin. Dans l’exemple ci-dessous nous déclarons une classe appelée Node que nous stockons dans la liste chaînée.

class Node{    private int _ID;     public Node(int ID)    {        _ID = ID;    }     public int ID    {        get { return _ID; }        set { ID = value; }    } }; public partial class Page : UserControl{    public Page()    {        InitializeComponent();          // Add Nodes        LinkedList<Node> _list = new LinkedList<Node>();                    LinkedListNode<Node> headNode = _list.AddFirst(new Node(432));        LinkedListNode<Node> lastNode = _list.AddAfter(headNode, new Node(200));        lastNode = _list.AddAfter(lastNode, new Node(451));        lastNode = _list.AddAfter(lastNode, new Node(14));        lastNode = _list.AddAfter(lastNode, new Node(55));         // Retrieve Nodes        foreach (Node node in _list)        {            int ID = node.ID;        }            }}

Dictionary. Les dictionnaires stockent des données sous la forme d’une paire clef / valeur où la clef est utilisée pour identifier et récupérer les éléments stockés et les valeurs sont les données courantes stockées.

Dictionary<int, string> myData = new Dictionary<int, string>();
 
// Store Data
myData.Add(4324, "Cat");
myData.Add(331, "Dog");
myData.Add(442, "Lion");
myData.Add(3444, "Tiger");
 
// Retrieve "Lion" by passing the key 3444
string animal = myData[442];

Syndication : Mike Snow’s Weblog
Traduction autorisée par Mike Snow.

Astuce Silverlight : Poster Silverlight 2 Developer Reference - #S013

VS Astuces — Tue, 20 Jan 2009 11:00:00 GMT

Vous avez été nombreux à demander de publier l’image du poster Developer Reference pour Silverlight 2. Cette image, vraiment très grande (6750x4200) vous permettra d’imprimer un super poster à afficher sur votre bureau.

Pour télécharger l’image en grand format faites un clic droit, puis Enregistrer sous… sur le lien Silverlight 2 Developer Reference.

Syndication : Mike Snow’s Weblog
Traduction autorisée par Mike Snow.