WPF 4 et Multi Touch Les doigts dans

WPF 4 et Multi. Touch Les doigts dans le code 8 février 2011 Jonathan ANTOINE Consultant. NET, MVP Access-It Aurélien NORIE Application Development Manager Microsoft France 2

Access It Id. F en quelques mots… • • • Société de services, conseil / expertise, et formation, exclusivement sur les technologies Microsoft 20+ collaborateurs spécialisés sur les techno MS, dont 11 MVP Interventions en mode : ü Conseil, expertise, coaching et formation ü Réalisation, au forfait ou en Assistance Technique. NET Plateforme Applicative Framework et langages . Net, AZURE, Silverlight, WPF/Surface, VS/TFS, Windows Phone 7, … SQL Server (SSIS, SQL, SSAS, SSRS), Power. Pivot, Share. Point & on-line, Office 365, … . NET Collab. BI 3

Microsoft Services : Un accompagnement global de nos clients Architecture & Planning Conseil et Projets Planification Support Déploiement et adoption Optimisation et Opération Support Premier Consulting Services Enterprise Strategy Evaluation Développement Planification Stabilisation Déploiement Division Services France 2010 • • • Opérations Division Services Monde 2010 180 Consultants 125 Technical Account Managers 190 Ingénieurs Support 17 Responsables de Mission 41 Partenaires référencés www. microsoft. fr/services Support • • 4 4 82 pays couverts 18 000 employés 35 000 partenaires 44 langues parlées par nos ingénieurs

Notre positionnement est d’intervenir sur les projets critiques et les technologies récentes Criticité du projet Notre engagement auprès de nos partenaires est : • De leur assurer un transfert d’expertise, • De leur apporter notre support sur les dernières technologies, • De leur donner accès aux meilleures pratiques de mise en œuvre et de support. Partenaires Maturité de la technologie Nos clients et partenaires sont particulièrement satisfaits par… • • Le niveau d’engagement des consultants : 94% La gestion de l’équipe de projet : 92% Les compétences techniques des consultants : 91% La relation avec les équipes du client : 90% 5 5

Agenda Prérequis et historique Les différents modes d’interaction Les gestures Windows Le toucher simple Les manipulations Le système inertiel Conclusion 6

Historique Vista Depuis Windows 7 Mono. Touch Multi. Touch WPF 3. 5 WPF 4. 0 Windows 7 Multitouch . NET Interop Library Intégré au Framework 7

Les contrôles de WPF 4 … prêts pour une utilisation tactile Combobox Context. Menu Data. Grid List. Box List. View Menu. Item Text. Box Tool. Bar Tree. View Scroll. Viewer 8

Scroll. Viewer Panning. Mode Horizontal. Only et Vertical. Only Horizontal. First et Vertical. First Panning. Deceleration Vitesse à laquelle le défilement ralenti Panning. Ratio entre le défilement et le mouvement du doigt 9

Tester sans matériel Multi-touch Vista sur Codeplex http: //multitouchvista. codeplex. com Démo 10

Niveaux d’interaction Le bon Le mieux 11 Le meilleur

Différentes méthodes WPF Gestures Touch simple Manipulations Inertie 12

Gestures Mouvement déclencheur d’action Intégré dans les applications Windows Unitaire et sans « combinaisons » 13

Gestures prédéfinies Translation 14

Gestures prédéfinies Rotation Zoom 15

Gestures prédéfinies Pressé tapé Tapotement à deux doigts 16

Démo Utilisation des gestures dans une application WPF 3. 5 17

Annonce Description de l’application réalisée 18

Touch « simple » Touch. Enter Touch. Down Événements séquentiels Événements WPF routés Touch. Move Données brutes Touch. Up Touch. Leave 19

Démo Ajout de touch simple à l’application 20

Manipulations Agrégation de plusieurs contacts Contact Manipulation Contact 21 Orientation Translation Expansion Agrandissement

Manipulations – cycle de vie Manipulation. Starting Manipulation. Started Activation à la demande Evénements routés sur tous les UIElement Un container de manipulation Manipulation. Delta. Event. Args contient les valeurs intéressantes Manipulation. Completed 22

Manipulation. Delta Changements cumulatifs Changements depuis le dernier événement Expansion Mise à l’échelle Rotation Translation 23

Matrices de transformation M 1, 1 M 1, 2 0 M 2, 1 M 2, 2 0 Offset Y 0 Offset X Représentation mathématique des transformations : 6 valeurs en tableau (matrice) Permet de transformer un élément Rotation Mise à l’échelle Inclinaison 24 Déplacement

Démo Utilisation des manipulations dans notre application 25

Système inertiel Vidéo de ventriglisse ? 26

Système inertiel Simule un comportement physique Possible sur tous les UIElement Prend le relai des manipulations Interfaces dites naturelles 27

Report. Boundary. Feedback Système inertiel Manipulation. Delta Manipulation. Inertia. Starting Activation automatique Utilise le même Manipulation. Delta Configurable : Mapulation. Inertia. Starting Manipulation. Completed 28

Inertie - configuration Configuration au dernier contact Expansion. Behavior, Rotation. Behavior, Translation. Behavior Soit la valeur finale, soit la « dé-célération » Informations sur la manipulation passée Point de pivot 29

Inertie - utilisation Même méthode de traitement que la manipulation Is. Inertial : utilisateur ou système inertiel Stopper l’inertie via la méthode Complete Sortie de route : Report. Boundary. Feedback 30

Démo Ajout du système inertiel à l’application 31

Conclusion (Très) Simple à mettre en place Pas besoin de connaissances préalables Intégré entièrement en WPF 4. 0 32

Liens intéressants MSDN Multitouch Vista sur Codeplex Nos blogs Surface 2. 0 Toolkit 33

MSDN et Tech. Net : l’essentiel des ressources techniques à portée de clic Portail administration et infrastructure pour informaticiens Portail de ressources technique pour développeurs http: //technet. com http: //msdn. com 34