Universal Apps
-
Upload
mohamed-emam -
Category
Software
-
view
252 -
download
0
description
Transcript of Universal Apps
![Page 1: Universal Apps](https://reader036.fdocuments.us/reader036/viewer/2022062308/558bcd85d8b42aa10b8b465d/html5/thumbnails/1.jpg)
UNIVERSAL APPSMohamed Emam
MSP, Windows and Windows Phone Developer@mohamedemam0
![Page 2: Universal Apps](https://reader036.fdocuments.us/reader036/viewer/2022062308/558bcd85d8b42aa10b8b465d/html5/thumbnails/2.jpg)
AGENDA
• Overview
• UI Controls
• Page Navigation
• Data Binding
![Page 3: Universal Apps](https://reader036.fdocuments.us/reader036/viewer/2022062308/558bcd85d8b42aa10b8b465d/html5/thumbnails/3.jpg)
OVERVIEW
• Write Once, Deploy To All The Windows
• Buy Once For All Of Your Windows
• Universal Apps enable building applications on different converged platforms
• Converged platforms use a single Windows Runtime: Windows 8.1 and Windows Phone 8.1 (future: Xbox, …)
• Converged developer platform, converged App model
![Page 4: Universal Apps](https://reader036.fdocuments.us/reader036/viewer/2022062308/558bcd85d8b42aa10b8b465d/html5/thumbnails/4.jpg)
UNIVERSAL APP
![Page 5: Universal Apps](https://reader036.fdocuments.us/reader036/viewer/2022062308/558bcd85d8b42aa10b8b465d/html5/thumbnails/5.jpg)
WHY UNIVERSAL APPS?
• Share up to 90% of the code
• Shared in-app purchases
• Unified ad-units for Windows Phone and Windows apps
• Shared revenue model
![Page 6: Universal Apps](https://reader036.fdocuments.us/reader036/viewer/2022062308/558bcd85d8b42aa10b8b465d/html5/thumbnails/6.jpg)
Windows Windows Phone
![Page 7: Universal Apps](https://reader036.fdocuments.us/reader036/viewer/2022062308/558bcd85d8b42aa10b8b465d/html5/thumbnails/7.jpg)
Classes Structs Interfaces
Windows 8.1 SDK 566 119 59
Windows Phone 8.1 SDK 624 131 57
+58 +12 -2
WINDOWS.UI.XAML.*
![Page 8: Universal Apps](https://reader036.fdocuments.us/reader036/viewer/2022062308/558bcd85d8b42aa10b8b465d/html5/thumbnails/8.jpg)
XAML: WHAT IS COMMON?
• Common Controls (Button, Textbox, …)
• Optimized Controls (DatePicker, TimePicker, …)
• Signature Controls (device specific, Hub, Pivot,…)
![Page 9: Universal Apps](https://reader036.fdocuments.us/reader036/viewer/2022062308/558bcd85d8b42aa10b8b465d/html5/thumbnails/9.jpg)
CONVERGED CONTROLSwhat’s it really mean?
80% exact same XAML 20% custom
Common SignatureOptimized
DatePicker
TimePickerCommandBar
Button
CheckBox
RadioButton
ProgressBar
Slider
ToggleSwitch Hub
PivotListViewGridViewAppBarSysTray
![Page 10: Universal Apps](https://reader036.fdocuments.us/reader036/viewer/2022062308/558bcd85d8b42aa10b8b465d/html5/thumbnails/10.jpg)
CODE REUSE
•Shared Projects (Share source code between projects of universal, Allow platform specific code using #if or partial class)
•PCL (Share binary library between universal apps, compile once,
deploy on different platforms)
![Page 11: Universal Apps](https://reader036.fdocuments.us/reader036/viewer/2022062308/558bcd85d8b42aa10b8b465d/html5/thumbnails/11.jpg)
UI CONTROLS
• Button
• Grid
• Appbar
• Stackpanel
• Gridview
• Textbox
• Button > Flyout > Grid > Button
• Flipview
• Datepicker
• Combobox
• Radio Buttons/Check Box
![Page 12: Universal Apps](https://reader036.fdocuments.us/reader036/viewer/2022062308/558bcd85d8b42aa10b8b465d/html5/thumbnails/12.jpg)
UI CONTROLS
DEMO
![Page 13: Universal Apps](https://reader036.fdocuments.us/reader036/viewer/2022062308/558bcd85d8b42aa10b8b465d/html5/thumbnails/13.jpg)
PAGE NAVIGATION
• Navigate to a page.
• Navigate with a parameter.
• Navigate to URI
![Page 14: Universal Apps](https://reader036.fdocuments.us/reader036/viewer/2022062308/558bcd85d8b42aa10b8b465d/html5/thumbnails/14.jpg)
PAGE NAVIGATION
DEMO
![Page 15: Universal Apps](https://reader036.fdocuments.us/reader036/viewer/2022062308/558bcd85d8b42aa10b8b465d/html5/thumbnails/15.jpg)
DATA BINDING
• One Way
• Two Way
![Page 16: Universal Apps](https://reader036.fdocuments.us/reader036/viewer/2022062308/558bcd85d8b42aa10b8b465d/html5/thumbnails/16.jpg)
DATA BINDING
DEMO
![Page 17: Universal Apps](https://reader036.fdocuments.us/reader036/viewer/2022062308/558bcd85d8b42aa10b8b465d/html5/thumbnails/17.jpg)
SUMMARY
• Overview
• UI Controls
• DEMO
• Page Navigation
• DEMO
• Data Binding
• DEMO
![Page 18: Universal Apps](https://reader036.fdocuments.us/reader036/viewer/2022062308/558bcd85d8b42aa10b8b465d/html5/thumbnails/18.jpg)
TIME TO GET ANSWERED
Q&A
![Page 20: Universal Apps](https://reader036.fdocuments.us/reader036/viewer/2022062308/558bcd85d8b42aa10b8b465d/html5/thumbnails/20.jpg)
Common Control
![Page 21: Universal Apps](https://reader036.fdocuments.us/reader036/viewer/2022062308/558bcd85d8b42aa10b8b465d/html5/thumbnails/21.jpg)
Optimized Control