1. Last Session
PREPARED AND PRESENTED BY :
ASMAA NOUH

2. Agenda
 App Bar
 Story Board
 Practice Practice Practice

3. XAML

4. Stack Panel
Vertical Horizontal

5. Text Box
Text block
Check box
Radio box
Button
Label
Important Controls

6. Horizontal Alignment:
Left, Center, Right, Stretch
Vertical Alignment:
Top, Center, Bottom, Stretch

7. Demo

8. XAML

10. XAML

11. Column and Row Definition

12. App Bar
 The AppBar is a fly-in control that’s normally hidden,
 App bars is used to show navigation, commands, and tools that can be
hidden away when they aren't needed.

13.  Dismissed when the user right-clicks, presses Windows+
Z, or swipes from the top or bottom edge of the screen

15. CommandBar
 Automatic layout of commands, with primary
commands on the right and secondary commands on
the left.
 Automatic resizing of app bar commands when the
app size changes.

17. Demo

21. Story Board
A storyboard is a collection of transitions applied to one or more
animation variables over time.

22. Notification
 Toast notifications
 Tile notifications

25. Toast Notifications
The ‘Toast Notification’ pops up on
the top right hand corner of an
application

26. Tile Notifications
 Reflected on the Start screen
 More useful for notifications to applications that are not
currently running

27. Your Task Tonight !!!!

28. The splash is displayed after an
app is launched but before it
has time to load.
• provides feedback to the user
that something is happening,
even though the app is not
displayed yet.
Splash Screen

30. Asmaa Nouh
asmaa.nouh@hotmail.com
Fb : #smsm nouh
Phone no. : 01112644445