Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Tutti pronti per Windows 10?

Uno sguardo alle novità e alle nuove Universal App

  • Be the first to comment

  • Be the first to like this

Tutti pronti per Windows 10?

  1. 1. Tutti pronti per Windows 10? Uno sguardo alle novità e alle nuove Universal App Fabrizio Bernabei Innovactive Engineering Bernabei@gmail.com @bernabei
  2. 2. Windows 10 Converged background model ONE CORE OS
  3. 3. • 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
  4. 4. ONE APP PLATFORM
  5. 5. • Universal Windows Platform • Unico binario su tutti i device
  6. 6. • DEMO
  7. 7. ONE STORE
  8. 8. • 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
  9. 9. NOVITA’ DELLE UNIVERSAL WINDOWS APP
  10. 10. • 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
  11. 11. <SplitView DisplayMode="Inline|Overlay|CompactInline|CompactOverlay"> <SplitView.Pane> <!-- Navigation Content Here --> </SplitView.Pane> <!-- Main Content Here --> </SplitView> SplitView Adaptive navigation pane
  12. 12. <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
  13. 13. • DEMO
  14. 14. 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>
  15. 15. • 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
  16. 16. using using // give haptic feedback for an error if "Windows.Phone.Devices.Notifications.VibrationDevice" VibrationDevice TimeSpan
  17. 17. CONTINUUM • COLLEGANDO TELEFONO A DISPLAY + MOUSE/TASTIERA • APP SCALA E SI ADATTA ALLO SCHERMO • RICHIEDE HW APPOSITO
  18. 18. 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

×