Tutti pronti per Windows 10?
Download as PPTX, PDF0 likes562 views
This document discusses Windows 10 and Universal Windows Platform (UWP) apps. Some key points include: - Windows 10 will have a converged OS model that can adapt to different devices from smartphones to desktops. - UWP allows developers to create a single app package that can run on all Windows 10 devices. - New UWP features like SplitView, RelativePanel, and adaptive scaling help create responsive apps. - Continuum allows UWP apps to scale between phone and external monitor/keyboard/mouse configurations.
Tutti pronti per Windows 10?
- 2. Tutti pronti per Windows 10? Uno sguardo alle novità e alle nuove Universal App Fabrizio Bernabei Innovactive Engineering Bernabei@gmail.com @bernabei
- 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
- 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
Editor's Notes
- #6: Win 10 desktop in estate, smartphone+one autunno
- #8: device families (definisce le api utilizzabili e anche la visibilità/installabilità sullo store)
- #10: Unico Store per app universal, film, musica e non solo
- #11: Nello store oltre ad app universal, musica e film ci saranno app win32, web, ios e android opportunamente convertite
- #13: - CoreInput API to handle raw input - PointerPoint unifies data in a single way - PointerDevice API for querying - InkCanvas control and InkPresenter API Adaptive visual state - state triggers activate visual state that set visual property for adapt the view (MEDIA SELECTOR CSS)
- #19: ApiInformation.IsTypePresent (IsEventPresent, IsMethodPresent, IsPropertyPresent) Adaptive code per funzioni specifiche della device family