Windows Phone 7 and Silverlight
Download as PPTX, PDF3 likes636 views
This document outlines an agenda and topics for a presentation on building Windows Phone 7 apps with Silverlight, including: - An overview of the Silverlight development experience and supported controls for Windows Phone - Demos of using common controls like the WebBrowser and AppBar, and tasks for launching other apps and picking data - Details on navigation between pages, app lifecycle handling, and data storage options - A section for questions and answers The presentation aims to provide guidance and code examples for core aspects of building Windows Phone apps with the Silverlight framework.
Windows Phone 7 and Silverlight
- 1. Glen GordonDeveloper Evangelist, Microsofthttp://blogs.msdn.com/glengordon@glengordonBuilding Windows Phone 7 Apps with Silverlight
- 2. AgendaSilverlight MomentumDevelopment ExperiencePhone ControlsWeb Browser ControlApp BarNavigationLaunchers and ChoosersApplication Lifecycle
- 3. AgendaSilverlight MomentumXAML FundamentalsDevelopment ExperiencePhone ControlsQ&A….with lots of demos!
- 6. Silverlight 2October 2008Silverlight 1September 2007
- 7. Silverlight 3July 2009Silverlight 1Silverlight 2September 2007October 2008
- 8. Silverlight 4Business ApplicationsMediaBeyond the BrowserSilverlight 1Silverlight 2Silverlight 3Silverlight 4September 2007October 2008July 2009April 2010
- 12. Windows Phone 7 FrameworkWindows Phone FrameworksCameraDevice IntegrationLaunchers & ChoosersWindows Phone ControlsPhoneApplicationPagePushNotificationWebBrowserControlSensorsPhoneApplicationFrameSilverlight Presentation and MediaXNA Frameworks for GamesControlsDrawingIsolatedStorageDrawingGamerServicesNavigationShapesMarkupMediaAudioMediaGraphicsContentInputApplication ObjectCommon Base Class LibraryDiagnosticsReflectionIORuntimeResourcesGlobalizationTextLocationNetCollectionsComponentModelConfigurationSecurityThreadingServiceModelLinq
- 13. Graphics CompositionStart ExperienceSystem TrayDirect3D SurfaceAppPageNotificationVolumeSIPIncoming CallApp BarShell frame composes all UI into a single screenCentral page management enables cross app UI transitions and other effectsYou can also do this for orientation changes
- 14. UI Model: Familiar Web ConceptsPhone applicationProvides UI represented as XAML pages connected into cross-app flows by URI’sWeb applicationProvide media represented as HTTP resources linked by URL’sShell frameRequests pages, renders UI, and handles navigation across appsWeb browserRequests HTTP resources, renders them, and handles navigation across sitesSessions and back stackGroups together sequences of pages corresponding to a user’s activity across appsHistory and tabsGroups together sequences of HTTP resources corresponding to a user’s activity across sites
- 15. Phone Controls
- 16. Silverlight ControlsRich Set of ControlsFamiliar Additional featuresFor example, Software Input Panel (SIP) support on TextBox16
- 18. Controls support TouchMouse Events Automatically converted for youSIP and WebBrowser control have gesturesScrollViewerJust like SilverlightBasic Flick and Pan gesturesRaw Touch.FrameRenderedDoodlePad – Sketch App
- 19. Controls support TouchGestures System level (WM_GESTURE). Can make your own.Tap, Double Tap, Pan, Flick, Touch and Hold Multi-TouchPinch, StretchManipulationsEventsManipulationStartedManipulationDataManipulationCompletedUse for Drag and Drop, etc.
- 20. DEMO – Controls
- 21. List ApplicationMaster/Detail DataMainPage.Xaml, DetailsPage.xamlViewModelItemViewModel.cs, MainViewModel.csProject TypesVS2010 calls it List Application and Blend calls it Databound Application
- 22. DEMO – List Application
- 23. WebBrowser controlDisplays network and local contentGestures: pan, double tap and pinchSupports transforms & projectionsNo Input on transform Application can interact with JavaScriptOptimized for privacyScript is disabled by defaultCookies and cache are isolated23
- 24. Silverlight to ScriptSilverlightstring fromScript = wb.InvokeScript("runScriptStuff", arg1, arg2);JavaScriptfunction runScriptStuff(arg1, arg2){ return “awesome”; }
- 25. Script to Silverlight Silverlightvoid wb_ScriptNotify(object s, NotifyEventArgs e){ string fromScript = e.Value;}JavaScriptWindow.external.Notify(string);
- 26. DEMO – Web Browser
- 27. AppBarToolbarUp to 4 iconsCan set transparency levelSlide up Menu can display more itemsCan declare in code or XAMLIcons found under Program Files\Microsoft SDKs\Windows Phone\v7.0\Icons
- 28. AppBarIcons48 pixels by 48 pixels White foreground on a transparent background Using alpha channel.Icon get colorized to current styleCircle will be added
- 29. DEMO – AppBar
- 30. Frame and PageFrameTop-level container controlPhoneApplicationFrame classContains the page control and system elements such as system tray and application barPageFills the entire content region of the framePhoneApplicationPage-derived classOptionally surfaces its own application barHandles Orientation NavigatedTo and NavigatedFrom
- 31. Page NavigationForwardNavigationService.Navigate(new Uri(“/Page2.xaml”,uriKind.RelativeOrAbsolute));BackNavigationService.GoBack();Hardware Back ButtonHandle BackKeyPress, OnBackKeyPressand Navigate to where you would like
- 33. Tasks - Launchers and ChoosersLauncherLaunches one of the built-in applications through which a user completes a taskNo data is returned to calling applicationExample: PhoneCallTaskChooserLaunches one of the built-in applications through which a user completes a task, and which returns some data to calling applicationWhen caller completes, calling application is activated and supplied with the Chooser resultExample: PhotoChooserTask
- 35. DEMO – Tasks
- 36. UI and State Management: ConceptsPage UIDescribes the visual appearance of a pageRetained in shell frame to support resuming paused sessionsDiscarded while the session is pausedPage StateContains data that describes an instance of a page, analogous to browser cookie
- 37. App LifecycleCloseBack ButtonTombstonedStart ButtonTask LaunchedPhone call receivedHandle events in App.xaml.cs
- 38. App State - StorageIsolated StorageSettings and Custom DataSecure and SandboxedLogical Folder Structure via APIsNo quota currentlyBe responsible and inform/empower userState ManagementPhoneApplicationPage/PhoneApplicationStateGood for transient data
- 39. Isolated Storage APIUsing System.IO;using System.IO.IsolatedStorage;IsolatedStoragefileisf = IsolatedStorageFile.GetUserStoreForApplication();IsolatedStorageFileStreamfs = new IsolatedStorageFileStream(“myfile.txt”,FileMode.Open,isf);StreamReadersr = new StreamReader(fs);data=sr.ReadLine();sr.Close();
- 40. DEMO – Lifecycle
- 41. Web Services
- 42. Calling a ServiceWebClient ClassJust like SilverlightWebClient client = new WebClient(); client.DownloadStringCompleted += DownloadComplete; client.DownloadStringAsync(new Uri(RssUrl));oData LibraryoData.orgCovered this afternoon
- 43. DEMO 9 – Netflix Web Service
- 44. Q&A and Break
- 45. © 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.