Pratique de Silverlight

Transcription

1 Pratique de Silverlight Éric Ambrosi Avec la collaboration d Aude Mousset et Thierry Bouquain

2 Table des matières Préface...IX Partie I Approche de Silverlight 1. Introduction Qu est-ce que Silverlight? De.Net 1 à Silverlight Les avantages de Silverlight La suite Expression Studio Positionnement métier Designer interactif La chaîne de production Langages de développement et choix Langages accessibles CLR, DLR et langages non compilés Le couple XAML / C# XML À quoi sert le XML? La grammaire L ambiguïté des relations familiales XAML, un langage déclaratif puissant L utilité du XAML Comparaison XAML / C# Afficher un visuel XAML Espaces de noms Les fondamentaux du langage C# C# et l API Silverlight Introduction à la programmation orientée objet Une première application en mode console Les types Déclarer des méthodes Héritage et implémentations HelloWorld Une première application Silverlight Architecture d'une solution Le conteneur racine Ajouter du texte Créer le champ texte Alignement... 43

3 IV Table des matières 3.5 Tester et compiler Première compilation Une application 100 % Silverlight Fichiers générés Processus de compilation Un site plein écran en 2 minutes Les projets de type site Internet Créer des conteneurs redimensionnables Créer le pied de page Créer le menu du haut Créer la grille centrale Le composant bouton Définir un nom d exemplaire Afficher une bulle d information au survol Choisir un curseur de survol personnalisé La propriété Content Ajouter de l interactivité Utiliser les comportements Mode plein écran Spécificités du mode plein écran Détecter le changement d affichage Fichiers déployés L arbre visuel et logique Composants visuels Familles de composants Arbre d héritage des classes graphiques Principe d imbrication Ordre d imbrication Accéder aux objets de l arbre visuel Parcourir la liste des enfants Ajouter des enfants à la liste d affichage Mécanisme d instanciation d objets graphiques Ajouter et insérer des objets dans l arbre Erreurs levées Créer un menu dynamique Affecter les propriétés Child et Content Événement diffusé Supprimer des objets de l arbre visuel Les différentes méthodes L effondrement de la liste d enfants Désactiver des objets Événement diffusé Échanges d index Échange d index du point de vue conception Une méthode d extension pour UIElementCollection Échange d index du point de vue design

4 Table des matières V Partie II Interactivité et création graphique 6. Animations Introduction Qu est-ce qu une animation? La cadence des animations au sein de Silverlight Une première animation Les différents types d animation Les différents types d interpolation La classe Storyboard Animer avec Expression Blend Les bonnes pratiques Créer une animation d introduction Déclencher des animations Les transformations relatives Gérer l accélération Les principes Une animation de rebond en une seule clé d animation Améliorer l animation d introduction Animer avec C# L intérêt d animer avec C# Instanciation dynamique de ressources Storyboard Affectation dynamique de Storyboards Dupliquer un Storyboard créé dans Blend via C# Les transformations relatives Principes Tester la présence d une instance TransformGroup Affecter la propriété RenderTransform La bibliothèque ProxyRenderTransform Effets antagonistes et complémentaires Animer des particules Exemples d un fond sous-marin Créer l animation des bulles Boutons personnalisés Créer un lecteur vidéo Mettre en place le projet Insérer une image d arrière-plan Le rôle du composant Grid Style visuel Créer un style personnalisé Naviguer entre style, modèle et application principale Bouton générique La propriété Content Liaison de modèles Le gestionnaire d états visuels Évolution de l expérience utilisateur Au sein d un control Au niveau de l application Le bouton interrupteur ou ToggleButton Créer le bouton Le système d agencement fluide

5 VI Table des matières 8. Interactivité et modèle événementiel Les fondements du modèle événementiel Le pattern Observateur Introduction au couplage faible Souscrire à un événement en C# Cas pratique Supprimer l écoute d un événement Principe Un cas concret d utilisation Le couplage faible en pratique Principe Simplifier le code du lecteur vidéo Affectation dynamique d animations Propagation événementielle Principe Un exemple simple de propagation Éviter la diffusion d événements Arrêter la propagation événementielle Glisser-déposer et capture des événements souris Les comportements Comportements versus programmation événementielle Les différents types de comportements Créer des comportements personnalisés Les bases de la projection 3D L environnement 3D Introduction Le plan de projection Les propriétés 3D Rotation 3D L axe de rotation Les axes de translation Accès et modification via C# La caméra Position de la caméra dans l espace de projection L angle d ouverture Les conteneurs 3D Le point de fuite Introduction aux matrices Définition et principes Les matrices 3D Opérations sur les matrices Initialiser une vue perspective Prototypage dynamique avec SketchFlow L environnement Le prototypage Qu est-ce que SketchFlow? Le flux de production Prototype simple Problématique cliente Le projet SketchFlow La carte de navigation

6 Table des matières VII 10.3 Le lecteur SketchFlow Navigation Collaboration transverse avec SketchFlow Interactivité Importer des fichiers PSD Navigation utilisateur Simuler un flux d utilisation États visuels Interface riche Écran versus composant L exemple du configurateur riche Partie III Conception d applications riches 11. Ressources graphiques Qu est-ce qu une ressource Définition et types de ressources Les dictionnaires de ressources Appliquer des ressources Les pinceaux Couleurs et pinceaux Les pinceaux d images et de vidéos Les polices de caractères Afficher et mettre en forme du texte Polices personnalisées Styles et modèles de composants Les styles Affectation dynamique Organiser et nommer les ressources Les modèles Le modèle Slider Principes et architecture Un Slider personnalisé Les liaisons Créer une liaison Les données fictives Le contexte de données Paramètres optionnels Le modèle ListBox Structure et principes Modifier l apparence d une liste d éléments DataTemplate versus ListBoxItem Composants personnalisés Contrôle utilisateur Un héritage pertinent Navigation page par page Boîte de connexion Conception visuelle Validation par liaison de données

7 VIII Table des matières Rafraîchissement manuel de liaison de données Notification de changement de propriété Événements personnalisés Contrôles personnalisables ColorChooser et ColorPicker Créer des contrôles Le contrat de modèle Les propriétés de dépendance Médias et données Chargement de médias Chargement dynamique d images Formats vidéo et modes de diffusion Un lecteur vidéo simple Chargement dynamique de vidéos Conception MVVM Principes Modèle Vue-Modèle Chargement de données L objet WebClient Introduction à LINQ Expression lambda Consommer du XML avec LINQ Charger un flux JSON Sécurité interdomaines Index