Silverlight

Objectif

Silverlight permet d’afficher du contenu vectoriel interactif pour le Web. Il est compatible avec tous les systèmes d’exploitation.

Prérequis

Outil

Microsoft Expression Blend 3, Visual Studio 2008.

Déroulé

Introduction au développement d'applications Silverlight 2

Qu’est-ce que Silverlight et la gamme Expression Studio ?

Les avantages apportés par les moteurs d’affichage vectoriel
Les applications produites
Les nouveautés Silverlight 2
L’héritage de la plate-forme (FrameWork) .NET 3
Révision du modèle XML
XAML un langage déclaratif puissant
Les pré-requis logiciel
Systèmes d’exploitation et compatibilité

Créer une application Silverlight avec Expression Blend

Projet et barre d’outilsDescription des panneaux
Fenêtre de design & édition XAML
Les options de l'interface utilisateur
La gestion des couleurs et des dégradés
Les tracés

L’Interface Blend en détail

Projet et barre d’outils
Description des panneaux
Fenêtre de design & édition XAML
Les options de l'interface utilisateur

Interaction BLEND / DESIGN

Exercice - création d’objets vectoriels sous Expression Design
Copier / coller de tracés
Création d’icônes pour un lecteur vidéo
Options d’exportation
Nommage des objets

Manipulation & Agencement de composants dans Blend

Le conteneur principal Grid
Les principaux composants Silverlight 2
Gestion du texte
Théorie concernant les objets
Sélection d’objets dans Blend
Imbrication de composant
Pratique de l’imbrication de composants
Options communes d’agencement
Redimensionner une application Silverlight 2

Les outils de dessin vectoriel dans Expression Blend

Intérêt et pertinence des outils design sous Blend
Découverte des outils de dessin propre à Blend
Les masques de clipping
Gestion des couleurs et des dégradés
Utilisation des masques d’opacité

Les styles

Types de styles
Appliquer un style nommé
Modifier un style existant
Centraliser les styles

Les modèles

Définitions
Encapsulations de modèles au sein de styles
Le modèle bouton
Gestion des états visuels
Liaisons de modèle
Modification du modèle Slider
Modification du modèle RadioButton
Arbre Visuel et logique, les bonnes pratiques

Le modèle événementiel C# de Silverlight 2

Principes
Propagation évènementielle
Interaction et éléments interactifs
Détection du clavier et de la souris
Accès aux objets XAML
Gestion globale des erreurs

Le composant ListBox

Modification du modèle Listbox
Modification du composant ListBoxItem
Liaisons de données – Data Binding
Modèles de donnée et objet métier
Contextes de données

Les animations - Storyboard

Gestion de l’animation : espace/temps
Principes d'animationCréation d’animations
Modification d'animation et création d’images clés
Evénements diffusés
Contrôler une ressource de type Storyboard via C#
Affectation multiple d’une ressource Storyboard

Le gestionnaire d’états visuels

Gérer les transitions visuelles d’une application Silverlight
Création d’une animation d’introduction
Utilisation du VisualStateManager côté C#
Utilisation conjointe des ressources Storyboards

Les outils et méthodes de débogage

Tracer et alerter
Les exceptions

Gestion des médias

Le composant Image
Le composant MediaElement
Le format .wmv
L’objet WebClient
Chargement dynamique de police
Gestion des erreurs spécifiques

Gestion de la liste d’affichage

Création d’un menu interactif
Les principes
Instanciation d’objets via C#
Écriture d’une chaine XAML et insertion dynamique
Comprendre et gérer la liste d’affichage
Le ZIndex
Déploiement et intégration de contenu Silverlight 2

L’objet Silverlight - DOM

Les mécanismes d’instanciation au sein d’une page Html
La fonction createSilverlight en détail & Silverlight.js
Préchargement de contenu en ligne
Détection automatique du lecteur Silverlight
Communiquer avec le DOM http
Introduction à Silverlight streaming
Utiliser le modèle de document personnalisé
Utilisation de la librairie Tweened