Archive for the 'Silverlight' Category

Wed, Dec 3rd, 2008
posted by Eric Ambrosi 12:12 PM

Voici une représentation visuelle des équations de Mr rober Penner en Silverlight, vous remarquerez quelle n'y sont pas toutes :). Vous pouvez retrouver la classe TweenedEquations ici.

Mon, Dec 1st, 2008
posted by Eric Ambrosi 05:12 PM

Je met aujourd'hui en ligne la version 2 de la librarie Tweened. Tweened est une librairie open-source en CSharp 3 permettant de générer des animations dynamiquement. Tweened est sous licence GNU General Public Licence v3.

Le principal objectif est d'animer n'importe quel objet visuel xaml de manière simple et efficace. Pour utiliser Tweened, il suffit juste de référencer la dll Tweened.dll au sein d'un projet Silverlight 2. Vous aurez alors la possibilité d'animer de manière simplifier, une couleur, une propriété simple comme l'opacité, et même les noeuds RenderTransform. Tweened fourni beaucoup d'avantages comme l'autoReverse d'une animation, le fait de pouvoir décaler une animation ou une séquence via la propriété BeginTime , la possibilité de modifier la vitesse à laquelle se déroule l'animation via SpeedRatio,etc...

Pour simplifier, Tweened vous aide à animer des objets visuels via une ou deux lignes de code C# au lieu de créer les animations au sein de Blend. L'idée général d'une telle librairie est que les animations dynamiques générées par code sont plus faciles à crées et à maintenir. La syntaxe pour créer des tweens a été conçue afin de proposer la manière la plus simple de coder tout en proposant des fonctionnalités avancées comme la diffusion d'événements de fin de lecture ou encore la gestion de séquences au sein d'une animation.

http://library.tweened.org/examples/menu/

En interne la classe Tween crée deux Storyboards, le premier gère toutes les séquences à l'aller, le second gère toutes les séquences au retour, afin de pouvoir proposer l'animation opposée. Chacun de ces Storyboards contient des séquences sous forme de DoubleAnimation ou de ColorAnimation. Chaque séquence peut cibler indifféremment un objet et une propriété, par exemple l'objet rectangle et sa propriété X ou Angle. Un seul tween peut donc animer plusieurs objets indépendants les uns des autres et constituer une animation complexe. Pour finir il faudra spécifier le type d'équation de mouvement  et la durée dont vous aurez besoin pour chaque séquence, ainsi faire rebondir une balle ou créer des menus animés devient un jeu d'enfant.

URL :: http://library.tweened.org/
Online Documentation :: http://library.tweened.org/doc/html/
Chm Documentation :: http://library.tweened.org/doc/Tweened.chm

Mon, Dec 1st, 2008
posted by Eric Ambrosi 12:12 PM

Visual State Manager

Visual State Manager

Je relaye cette news car ce serait dommage de la manquer. Jusqu'à maintenant le VisualStateManager était une fonctionnalité propres aux projets Silverlight 2 (vous trouverez une vidéo sur l'utilisation du VisualStateManager en français ici) cependant il est désormais possible de télécharger le WPF ToolKit, celui-ci propose notamment l'intégration du VisualStateManager pour Blend 2. Pour récupérer pleinement cette fonctionnalité, je vous conseille d'aller voir ce site. C'est vraiment un bonne nouvelle qui présage d'une importante évolution pour le futur de Blend. Pour ma part je l'ai essayé et rien à dire sinon que l'intégration n'est pas encore faite au niveau des composants eux-mêmes pour le moment. Biensur le VisualStateManager existe pour n'importe quel USerControl mais il n'est pas réellement implémenter pour les composants ce qui est assez logique. Ainsi vous ne pouvez pas encore gérer les états d'un bouton, Slider ou ListBox via ce Manager comme vous le faites sur Silverlight.

Mon, Nov 3rd, 2008
posted by Eric Ambrosi 08:11 PM

    Je mets à disposition une série de très courts tutoriaux vidéos en HD h264 (1024 * 768) consacrés à Silverlight 2. Si vous êtes intégrateur ou web designer, ceux-ci vous permettront de rapidement prendre en main la techno. Si vous êtes plutôt développeur, les 3 ou 4 derniers tutos vous concerne. Si vous n'êtes ni l'un ni l'autre mais que vous êtes impactées dans un projet Silverlight, vous aurez au moins un aperçu des possibilités de celle-ci :). Voici le lien vers le fichier zip les contenant(250Mo).

    ______________________________________________________________

    Introduction : mise en place d'un projet Silverlight 2

    Mode plein écran

    Gérer le redimensionnement d'un site 100% et accéder au mode plein écran

    Mode plein écran
    Modèle de document

    Utiliser le modèle de document Visual Studio fourni sur http://www.tweened.org

    Modèle de documen
    Préchargement

    Précharger une application Silverlight grâce au modèle de document porposé par tweened.org

    Préchargement
    Arbre Visuel

    Comment gérer et sélectionner les éléments au sein d'un arbre visuel

    Arbre Visuel

    ______________________________________________________________

    Chapitre 1 : Les containeurs principaux

    Canvas

    Découverte du composant Canvas et agencement d'objets

    Canvas
    Grid

    Utiliser et créer des interfaces avec le composant Grid.

    Grid
    StackPanel

    Utiliser le conteneur StackPanel et la propriété Visibility

    StackPanel

    ______________________________________________________________

    Chapitre 2 : Les bases du graphisme

    Masque

    Créer et modifier un masque de clipping

    Masque
    Bouton

    Créer un bouton personnalisé via la commande "make Button"

    Bouton
    Animation

    Créer et déclencher une animation via la ressource XAML StoryBoard

    Animation

    ______________________________________________________________

    Chapitre 3 : Les notions avancées d'interactivité

    Animations Multiples

    Comment utiliser une seule ressiurce StoryBoard pour animer plusieurs objets vectoriels Xaml

    Animations Multiples
    Menu animé

    Comment animer des boutons personnalisés via le visual StateManager

    Menu animé
    Gestionnaire d'états Visuels

    Utilisation avancée du Visual State Manager

    Gestionnaire d'états Visuels

    __

    Chapitre 4 : Dynamiser et connecter vos applications Silverlight 2

    Créer un flux Json

    Qu'est-ce que le Json et comment créer un flux Json avec php 5 et mysql

    Créer un flux Json
    Récupérer un flux Json

    Comment récupérer un flux Json

    Récupérer un flux Json
    Xaml Dynamique

    Comment créer des objets XAML dynamiquement

    Xaml Dynamique

    Voilà j'espère que ça vous plaira ...

    Sat, Nov 1st, 2008
    posted by Eric Ambrosi 04:11 PM
      La technologie et les outils de développement Silverlight s'adaptent au marché et c'est une bonne nouvelle :).     

           On pouvait en effet penser qu'après la sortie de la version 2 finale , une légère pose viendrait stopper le rythme tonitruant des releases en tout genre autour de Silverlight. C'était sans compter Microsoft qui répond d'emblée à certaines critiques que l'on pouvait faire concernant le manque de contrôles accessibles au sein des projets Silverlight. La réponse à la fois souple et pratique  à mettre en place consiste à fournir une boîte à outils facile à installer et à mettre à jour gratuite.

      Controls Example

           Le "Silverlight Toolkit" contient notamment un jeu de composants inédits et totallement gratuits dont certains proviennent de WPF et d'autres sont simplement nouveaux. Le toolkit n'étant pas figé dans le temps celui-ci s'étoffera de nouveaux autres composants dans l'avenir. Ceux-ci sont donc classés en 4 catégories indiquant leur maturité : Experimental, Preview, Stable, Mature. On imagine facilement à quoi ils correspondent, si vous souhaitez des précisions c'est ici :) . Voici le liste des composants par phase :

      • Preview
        • AutoCompleteBox
        • ButtonSpinner
        • Charting
        • Expander
        • ImplicitStyleManager
        • NumericUpDown
        • Spinner
        • UpDownBase
        • Viewbox
      • Stable
        • DockPanel
        • HeaderedContentControl
        • HeaderedItemsControl
        • Label
        • TreeView
        • WrapPanel

           La bonne nouvelle concerne notamment les "Charts Components" qui donne à la technologie Silverlight 2 la possibilité de réellement s'orienter vers la création d'applications interactive riche. 

           Mais ce ce n'est pas tout, le Toolkit permet également l'utilisation de styles implicit comme on peut le faire à la main dans WPF via des thèmes. Certains sont déjà fournis comme ci-dessous mais vous pourrez les créer vous-mêmes via l'utilisation des Dictionnaires de Ressources qui centralisent les styles :). Les graphistes apprécieront également la ViewBox.

      Themes Quick Reference

      Expression Dark Thumbnail Expression

      Dark

      Expression Light Thumbnail Expression

      Light

      Rainier Orange Thumbnail Rainier

      Orange

      Rainier Purple Thumbnail Rainier

      Purple

      Shiny Red Thumbnail Shiny

      Red

      Shiny Blue Thumbnail Shiny

      Blue   

       

       

           Les dictionnaires de ressources pointent donc leur nez et on imagine facilement ce qu'on aura prochainement dans Blend. Ce qui est plutôt pas mal c'est que changer le "look and feel" d'une application sera possible à l'exécution, les utilisateurs pourront donc personnaliser leur interface applicative directement. Je mettrai en ligne plusieurs exemple en attendant voici un lien vers les tutoriaux US, et me dites pas que Justin Angel n'est pas un jeu de mot ou un nom de super héros...

       

      You are currently browsing the archives for the Silverlight category.

      Categories

      Language

      Archives