developing appealing application using xaml

Download Developing appealing application using xaml

Post on 18-Dec-2014

39 views

Category:

Documents

1 download

Embed Size (px)

DESCRIPTION

 

TRANSCRIPT

  • 1. Developing appealing application using XAMLAntonio Liccardi Garofalo Emanuele
  • 2. Agenda Introduzione rapida a XAML Principi user experience Touch Language Transizioni
  • 3. Introduzione a XAML Cos? Perch usarlo? Cosa farci?
  • 4. XAML Cos Xaml un linguaggio di markup derivato da XML Contenitore Contenitore Elemento Contenitore Elemento Elemento Contenitore Elemento
  • 5. XAML Struttura tipica di un file... Namespace di default Il namespace x
  • 6. Introduzione a XAML - Perch
  • 7. Introduzione a XAML Cosa farciNon come il testo qui sopra
  • 8. MICROSOFT DESIGNLANGUAGE
  • 9. Microsoft Design Principles
  • 10. Microsoft Design Principles
  • 11. Microsoft Design Principles
  • 12. Microsoft Design Principles
  • 13. Microsoft Design Principles
  • 14. Microsoft Design Principles
  • 15. Microsoft Design Principles
  • 16. Microsoft Design Principles
  • 17. Microsoft Design Principles
  • 18. Microsoft Design Principles
  • 19. MICROSOFT TOUCHLANGUAGE
  • 20. Microsoft Touch LanguagePress and hold to learn Tap for primary action Slide to drag Swipe to select Swipe from edge for Pinch to zoom app and system UI Rotate to rotate
  • 21. Microsoft Touch LanguageProvide Feedback.
  • 22. XAML & Touch LanguagePointer eventsGesture eventsManipulation events
  • 23. DEMOTOUCH LANGUAGE
  • 24. Cosa abbiamo imparato fino ad oggi?Ma, per le interfacce touch, di cosa altro habisogno lutente?
  • 25. Animazioni in XAMLAlla base delle animazioni in per le WindowsStore Apps c un solo namespace Windows.UI.Xaml.Media.Animation3 possibili approcci per le animazioni: Transition Animations Effetti di transizione Theme Animations Animazioni a Tema Custom Animations Ho esigenze particolari
  • 26. Transition AnimationsUso: Effetti da applicare ad elementi durante il loro rendering opi genericamente durante le transizioni
  • 27. Transition Animations
  • 28. Theme AnimationUso: Animazioni a trigger esplicito.
  • 29. Theme Animations
  • 30. Custom AnimationsUso: Controllo completo sulle animazionicon luso di StoryBoard, KeyFrame eFunctions MA OCCHIO
  • 31. Animazioni Indipendenti Il valore di Duration dellanimazione di 0 secondi Lanimazione destinata alla propriet: UIElement.Opacity Canvas.Left o Canvas.Top Brush (con luso di SolidColorBrush) ObjectAnimationUsingKeyFrames UIElement: RenderTransform, Projection, Clip
  • 32. Custom Animations
  • 33. RIFERIMENTIMicrosoft Design Languagehttp://bit.ly/Sf8UDYMicrosoft Touch Languagehttp://bit.ly/N6tpiUhttp://bit.ly/XFaODUSampleshttp://code.msdn.microsoft.com/windowsapps
  • 34. Our book!