Last Session PREPARED AND PRESENTED BY :

ASMAA NOUH

Agenda

App Bar Story Board Practice Practice Practice

XAML

Stack Panel

Vertical Horizontal

Text BoxText blockCheck box Radio box Button Label

Important Controls

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

Demo

XAML

XAML

Column and Row Definition

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.

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

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.

Demo

Story Board

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

Notification

Toast notifications Tile notifications

Toast Notifications

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

Tile Notifications

Reflected on the Start screen

More useful for notifications to applications that are not currently running

Your Task Tonight !!!!

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

Asmaa Nouhasmaa.nouh@hotmail.comFb : #smsm nouhPhone no. : 01112644445