XAML Creating calculator and UI

1. UNIVERSAL APPLICATION
Prepared and presented by
Aya Zakaria
#session 5

2. Agenda
• Splash screen and Logo
• Our first universal application !

3. Splash screen and logo
• First you have to add your splash
and logo photos in your assets
• You can add your photos into
assets through copy and paste

4. Splash screen and logo
• Choose (Package.appxamanifest)

5. Splash screen and logo
Select visual Assets

6. Splash screen and logo
• select square Logo or
splash screen
• Browse to choose your
photos

7. Our first universal application
Simple calculator
• Text box
• Numbers buttons
• Operations buttons

9. Mainpage.xaml code

10. Text box

11. Example for some Buttons
<ButtonName="btn5"Content="5"FontSize="50"
HorizontalAlignment="Left"Margin="362,379,0,0"
VerticalAlignment="Top"Width="75"Height="96"/>
<ButtonName=“equal"Content=“="FontSize="50"
HorizontalAlignment="Left"Margin="362,518,0,0"
VerticalAlignment="Top"Width="75"Height="96"/>

12. Functions implementation code

13. Number and clear button

14. Operations Button

15. Equal Button

18.  wagdy.mohamed.95
 wagdy.mohamed@outlook.sa
 yoya.zakaria
ayazakaria@outlook.com
CONTACTS