Uno sguardo alle novità e alle nuove Universal App

2. Tutti pronti per
Windows 10?
Uno sguardo alle novità e alle nuove Universal App
Fabrizio Bernabei
Innovactive Engineering
Bernabei@gmail.com
@bernabei

4. Windows 10
Converged
background
model
ONE CORE OS

5. • UI in grado di adattarsi a diversi device,
smartphone, tablet, desktop, xbox One,
Surface hub, Hololens e non solo
• Win 10 IoT Core
• 1 miliardo di dispositivi Win10 entro 2-3 anni

6. ONE APP PLATFORM

7. • Universal Windows Platform
• Unico binario su tutti i device

8. • DEMO

9. ONE STORE

10. • Project Centennial: UWP Bridge toolkit per gli
sviluppatori di applicazionil Windows desktop
(Win32, .NET)
• Project Astoria: UWP Bridge toolkit per gli
sviluppatori di applicazioni Android
• Project Islandwood: UWP Bridge toolkit per gli
sviluppatori di applicazioni iOS
• Project Westminster: UWP Bridge toolkit per il
packaging di siti web

11. NOVITA’ DELLE UNIVERSAL WINDOWS APP

12. • Universal controls and layout panels
- Split View
- RelativePanel
- Calendar, Map e Pivot (ora universal), ecc
• Common input handling (touch, pen, mouse,keyboard,
controller, ecc)
- CoreInput API and PointerPoint
- PointerDevice API
- InkCanvas control and InkPresenter API
• Adaptive scaling
• Adaptive visual state

13. <SplitView DisplayMode="Inline|Overlay|CompactInline|CompactOverlay">
<SplitView.Pane>
<!-- Navigation Content Here -->
</SplitView.Pane>
<!-- Main Content Here -->
</SplitView>
SplitView
Adaptive navigation pane

14. <VisualState.Setters>
<Setter Target="splitView.DisplayMode" Value="Inline" />
</VisualState.Setters>
<VisualState.StateTriggers>
<AdaptiveTrigger MinWindowWidth="720" />
</VisualState.StateTriggers>
<VisualState.Setters>
<Setter Target="splitView.DisplayMode" Value="Overlay" />
</VisualState.Setters>
<VisualState.StateTriggers>
<AdaptiveTrigger MinWindowWidth= "0" />
</VisualState.StateTriggers>
Simplifying Responsive View Development
Triggers and Setters (XAML equivalent of Media Queries)
If the Window width is >= 720 effective pixels, then show SplitView in Inline mode

15. • DEMO

16. RelativePanel
Enables elements to layout relative to other elements
Use with Triggers and Setters for more advanced responsive designs
<RelativePanel>
<Image x:Name="img" …/>
<TextBlock x:Name="title" RelativePanel.RightOf="img" RP.AlignTopWith="img" …/>
<TextBlock x:Name="authors" RP.RightOf="img" RP.Below="title" …/>
<TextBlock x:Name="summary" RP.RightOf="img" RP.Below="authors" …/>
<Button Content="Download" RP.RightOf="img" RP.AlignBottomWithPanel="True" …/>
</RelativePanel>

17. • Win/WP 8.1 come target ha OS,
Win10 come target ha device families
• Visibilità sulle API comuni alle family supportate
• Adaptive code per funzioni specifiche della device
family

19. using
using
// give haptic feedback for an error
if "Windows.Phone.Devices.Notifications.VibrationDevice"
VibrationDevice TimeSpan

20. CONTINUUM
• COLLEGANDO TELEFONO A DISPLAY + MOUSE/TASTIERA
• APP SCALA E SI ADATTA ALLO SCHERMO
• RICHIEDE HW APPOSITO

21. https://msdn.microsoft.com/en-us/library/windows/apps/xaml/dn894631.aspx
https://msdn.microsoft.com/en-us/library/windows/apps/dn609832.aspx
https://github.com/Microsoft/Windows-universal-samples
http://ms-iot.github.io/content/GetStarted.htm