Cette session regroupera toutes les nouveautés XAML apportées par la mise à jour Windows 8.1. En passant par les nouveaux composants comme le Hub Control, DateTime pickers et autre SearchBox, venez découvrir aussi les améliorations de performances de certains composants comme le Gridview, ou l'adjonction des menus Flyout, MenuFlyout et SettingsFlyout. Nous verrons aussi le nouveau format XBF ou encore la gestions des thèmes dans Windows 8.1 Enfin nous verrons comment traiter les nouveaux form factors liés à l'arrivée des tablettes 10 ou 8 pouces. Speakers : Sébastien Pertus (Microsoft), Romain Cornu (Itelios), Maxime Sarilar (Itelios)

2. Les Nouveautés XAML
dans Windows 8.1
Maxime Sarilar, Romain Cornu
Itelios
maxime.sarilar@itelios.com
romain.cornu@itelios.com
Windows 8.1

3. Nouveautés
Contrôles
• Hub
• DatePicker
TimePicker
• SearchBox
#mstechdays
AppBar & CommandBar
• Composants AppBar
• CommandBar
Windows 8.1

4. Nouveautés
Flyouts
• Flyout
• MenuFlyout
• SettingsFlyout
#mstechdays
Disposition & Alignement
• Adaptive Layout
Performances
• XBF
Windows 8.1

5. Mises à jour
Contrôles
• FlipView
• WebBiew
• TextBlock & RichTextBlock
Performances
• GridView / ListView
Thèmes
• Gestion des thèmes
Bindings
• Nouveaux Bindings
#mstechdays
Windows 8.1

6. Contexte
•
•
•
•
•
#mstechdays
Windows 8.1
Home page
Liste des destinations
Destination
Blog
Compte

7. HOMEPAGE
Nouveautés
Hub
SearchBox
#mstechdays
Mises à jour
FlipView
Windows 8.1

8. Hub
•
•
•
•
HOMEPAGE
#mstechdays
Windows 8.1
Header
Sections
Multi-source
Orientation

9. Hub
HOMEPAGE
#mstechdays
Windows 8.1

10. FlipView
• Expérience utilisateur unifiée
Touch
Souris / Clavier
Code
HOMEPAGE
#mstechdays
Windows 8.1

11. FlipView
HOMEPAGE
#mstechdays
Windows 8.1

12. SearchBox
• API similaire
• Support IME
HOMEPAGE
#mstechdays
Windows 8.1

13. LISTE DES DESTINATIONS
Nouveautés
Adaptive Layout
AppBar / CommandBar
MenuFlyout
#mstechdays
Mises à jour
GridView
XBF
Windows 8.1

14. Adaptive layout
• 2 Applications ou +
• ApplicationView.Value &
ApplicationViewState
Dépréciés
• Largeur minimum
• Window.Current.Bounds &
IsFullScreen
LISTE DES
DESTINATIONS
#mstechdays
Windows 8.1

15. Adaptive layout
Windows 8
Windows 8.1
LISTE DES
DESTINATIONS
#mstechdays
Windows 8.1

16. AppBar & CommandBar
• AppBarButton,
AppBarToggleButton,
AppBarSeparator
• Icon & Label
LISTE DES
DESTINATIONS
#mstechdays
Windows 8.1

17. AppBar & CommandBar
Windows 8
Windows 8.1
LISTE DES
DESTINATIONS
#mstechdays
Windows 8.1

18. AppBar & CommandBar
• CommandBar
• Primary & Secondary
• Responsive
LISTE DES
DESTINATIONS
#mstechdays
Windows 8.1

19. MenuFlyout
• MenuFlyoutItem,
ToggleMenuFlyoutItem,
MenuFlyoutSeparator
• Propriété Flyout
• ShowAttachedFlyout
LISTE DES
DESTINATIONS
#mstechdays
Windows 8.1

20. Perfomances
• XBF
• Visual Tree
• Virtualisation de l’UI
• PlaceHolders
LISTE DES
DESTINATIONS
#mstechdays
Windows 8.1

21. Visual Tree
LISTE DES
DESTINATIONS
#mstechdays
Windows 8.1

22. Virtualisation de l’UI
Windows 8
Windows 8.1
ViewPort
LISTE DES
DESTINATIONS
#mstechdays
Windows 8.1

23. PlaceHolders
ViewPort
LISTE DES
DESTINATIONS
#mstechdays
Windows 8.1

24. DataTemplate à optimiser
Rectangle
x:Name=”DestinationPlaceholder”
Image x:Name=”DestinationImage”
Grid
x:Name=”DestinationPromo”
StackPanel
x:Name=”PriorityElements”
LISTE DES
DESTINATIONS
#mstechdays
Windows 8.1

25. DESTINATION
Nouveautés
SettingsFlyout
DatePicker
TimePicker
#mstechdays
Mises à jour
WebView
Windows 8.1

26. SettingsFlyout
• Largeur paramétrable,
Hauteur fixe
• Header & Content
• Sections
• Show, ShowIndependent, Hide
DESTINATION
#mstechdays
Windows 8.1

27. DatePicker & TimePicker
• Calendriers
• Horloges
DESTINATION
#mstechdays
Windows 8.1

28. WebView

29. WebView
• Charger contenu local
Avant  ms-appx-web : contenu présent dans le package
Maintenant  ms-appdata : contenu ajouté dynamiquement
• NavigateToLocalStreamUri( )
• CapturePreviewToStreamAsync( )
DESTINATION
#mstechdays
Windows 8.1

30. WebView
• LongRunningScriptDetected
• UnsafeContentWarningDisplaying
(SmartScreen)
• UnviewableContentIdentified
• Restrictions sur ScriptNotify
– Contenu Local Ou Https
DESTINATION
#mstechdays
Windows 8.1

31. BLOG
Mises à jour
TextBlock & RichTextBlock
Gestion des Thèmes
#mstechdays
Windows 8.1

32. TextBlock & RichTextBlock
• Support des Symboles et
Hyperlink
• SelectionHighLightColor
• WrapWholeWords
• MaxLines
BLOG
#mstechdays
Windows 8.1

33. TextBlock & RichTextBlock
• Alignement optique sur la
marge
• Davantage d’alignement
Full, Tight, Trimtobaseline,
Trimtocapheight
• Clip
BLOG
#mstechdays
Windows 8.1

34. Thèmes
• Niveau contrôle
• Changement dynamique
BLOG
#mstechdays
Windows 8.1

35. COMPTE
Nouveautés
Header
PlaceHolder
Flyout
#mstechdays
Mises à jour
Bindings
Windows 8.1

36. Header & PlaceHolder
• Header
• PlaceHolder
COMPTE
#mstechdays
Windows 8.1

37. Bindings
• Problèmes liés au Binding
• Mise à jour des données
COMPTE
#mstechdays
Windows 8.1

38. Gérer les problèmes de Binding
<TextBlock Text="{Binding Message,
TargetNullValue={Binding
OtherMessage},
FallbackValue={StaticResource
SR_String_NoMessageAvailable}}"/>
• TargetNullValue
• FallBackValue
COMPTE
#mstechdays
Windows 8.1

39. Mise à jour des données
• UpdateSourceTrigger
• Default
• Explicit
• PropertyChanged
COMPTE
#mstechdays
Windows 8.1

40. Et encore…
• DependencyObjectCollection
• BindingExpression
COMPTE
#mstechdays
Windows 8.1

41. Retrouvez-nous
• Facebook
facebook/itelios
• Twitter
@itelios
• Techdays
Stand 47
#mstechdays
Windows 8.1

42. Donnez votre avis !
Depuis votre smartphone sur :
http://notes.mstechdays.fr
De nombreux lots à gagner toute les heures !!!
Claviers, souris et jeux Microsoft…
Merci de nous aider à améliorer les Techdays !
#mstechdays
Windows 8.1

43. Digital is
business