Download to read offline
Uploaded byAndreas Hammar
Win8 development lessons learned jayway
The document discusses lessons learned in developing Windows Store apps, focusing on design aspects such as view states, touch navigation, and appbar binding. Key points include the importance of maintaining separate views for different states and the handling of navigation and parameter serialization. Additionally, it highlights best practices for app certification and metadata requirements, such as privacy policies and publisher name consistency.
Win8 development lessons learned jayway
- 1. Windows Store apps lessons learned @andyhammar - andreas.hammar@jayway.com @roberthedgate - robert.hedgate@jayway.com andreas.ekberg@jayway.com
- 2. Windows Store What we’vedone Blend View states Touch Navigation Store
- 3.
- 10.
- 11. Design time data Design time view model AppBar binding
- 12. Design time viewmodel Windows.ApplicationModel.DesignMode.DesignModeEnabled
- 13.
- 14.
- 15. Windows 8 ViewStates
- 16. Full vs Filledvs Snapped • Full view • Filled view • Snapped view
- 17. Full view Nothing strangeabout this, the normal state
- 18. Filled view • Usuallynothing strange about this • You have minimum of 1024 pixel of place, might be more • Can perhaps show a little less than in full view • Be aware that user might not reach controls with their thumbs
- 19.
- 20. Snapped view • YouHAVE to support this, requirement from Microsoft • It is always 320 pixel wide
- 21. Then how dowe do a snapped view
- 22. Use same view,reposition elements
- 23. Use same view,reposition elements • Difficult to maintain in blend • Easy to accidently alter something in the other when doing a change in one. We have dependencies between states.
- 24. Use same viewwith visibility • Could very easy create duplicate data • Make sure you use usercontrols, bindings etc
- 25. Navigate to adifferent page • Catch OnSizeChanged • ApplicationView.Value will tell you your state. • Do your navigation etc here. • Advantage if you want your app to always show the same snapped content. Tip: Put this in a base class.
- 26. Summary Use separatesnapped view, either by using visibility or navigate.
- 27.
- 28.
- 29. Pointer events PointerPressed, PointerReleased,PointerM oved PointerCanceled, PointerCaptureLost, PointerEntered, Poin terExited, PointerWheelChanged
- 30. Pointer events • e.GetCurrentPoint() .PointerId .Properties.IsMiddleButtonPressed • e.GetIntermediatePoints
- 31. Static gestures • Derived from Pointer-events Tapped DoubleTapped Holding RightTapped • One concurrent event per UI Element
- 32. Manipulation gesture events ManipulationStarted, ManipulationCompleted ManipulationDelta, ManipulationInertiaStarting, ManipulationStarting
- 33. Manipulation gesture events • Inertia • Often used to set RenderTransform • Derived from Pointer-events • One concurrent event per UI Element
- 34.
- 35. Screen table -"Surface"/FlatFrog no up or down difficult with global UI elements Use popups or duplicates
- 36. Concurrent popup Oneconcurrent event per UI Element, e.g. Canvas double-click better than tap-n-hold ugly trick: Put a grid with many elements inside the canvas (Routed events)
- 37. Manipulation transforms CompositeTransform e.Cumulative.Rotation No concurrent Repeatbuttons e.handled = true
- 38.
- 39.
- 40. Rootframe • Add aseperate rootframe over the existing one. • Background • Animation • Audio
- 41.
- 42.
- 43. Navigate static class Wehave to handle Navigate, Back, CanGoBack etc
- 44. Parameter serialization &suspend • Now there is a possibility to use object to navigate by. Great? • It was only possible to use strings before. • Now these types can be serialized by Frame.GetNavigationState: • numbers • characters • strings • guids • boolean
- 45. Parameter serialization &suspend GetNavigationState doesn't support serialization of a parameter type which was passed to Frame.Navigate
- 46. Parameter serialization &suspend There are a few ways around this example: • Use strings (or other approved types) • In your complexd object serialize and deserialize manually using strings. • Save object globally and reference object by strings when navigate
- 47. page caching Page cachingworks both back and forward • You can not just turn on caching back which is what we usually want to have
- 48. backstack clearing How toclear cache?
- 49. Summary It isnice to use a own rootframe to be able to have the same background image/animation/sound etc in all views It is more convenient to use approved parameters until all serializable object are allowed If you turn on page caching make sure you clear the cache on the correct level
- 50.
- 51. Windows Store Publish WACK Privacy policy Live account Publisher name Background audio Manage Change app name Remove app
- 52. WACK Is step 1of certification process always run this.
- 53. Privacy policy Blog postav Dag König: http://bit.ly/RWGouo Must have in metadata and accessible in app.
- 54. Live account Use separatelive-ID for win8 apps.
- 55. Publisher name For companyaccounts, ”must” match registration papers.
- 56. Background audio Background audioprevents suspend, do not autoplay!
- 57. Change app name Appname can be changed.
- 58. Remove app Apps cannotbe removed, only updated to no markets.
- 59. the end Thank youfor coming!
Editor's Notes
- #3 This is what we’ll talk about.
- #4 First some context on what we’ve done
- #12 Unlike WP and earlier XAML versions, the Data tab in Blend is missing cannot use XML data for view models.
- #13 What we like to do is:Design view model on pageIn code, set view model in ctorviewModel.Init in OnNavigatedTo
- #14 Appbar inherits binding from ancestors.If a separate DataContext is needed, it cannot be set on the AppBar itself, will not apply.
- #17 There are thesethree states.
- #18 Shows the windows store
- #19 Can check which side by checking Window.Current.Bounds.Left == 0Mightwant to movebuttonsetc to bettersuitefilled
- #21 Store does not handlesnappedverywell. This is onlyallowedifyourappdoes not haveanything to really show in snapped mode.Can be both on left or right sideCan check which side by checking Window.Current.Bounds.Left == 0Ifyouwant to knowifsnappedchangessideonecanuse a timer whileapp is snapped. Havn´tseenanybetteridea.
- #22 In blend it is easy to changebetweenstates
- #23 It willquickly be verymuch data in xaml
- #41 Easy to havebackground, animation, audio etc in common for all views.
- #42 In xamlcreate a frame
- #43 Havecreated a staticclasswhichhandles all navigation.
- #44 Wehave to handleNavigate, Back,CanGoBacketc
- #46 If you try to use a different typethiserrorwilloccur:
- #48 Twotypeof cachemodeRequired and EnabledRequired is the strongerone and reaminsevenif cache size is exceeded.
- #53 Great tool, checks all kinds of things.Leave machine alone while it runs!Probably runs as step 1 of the certification process you have to pass. (we’ll get back to that...)
- #54 Talked about a lot, majority of rejects was this error.Must provide – both in app and in metadata (=on the web)Privacy policy: http://bit.ly/RWGouoPublish an app: http://bit.ly/R28Rtj
- #55 Everything done via live account.Often you publish as a customer – tell them to create a separate live account and forward the email.Really tedious to have to ask for confirmation codes and have them (not) tell you when an email has arrived.Clicking ’remember me’ saves you a lot of hassle.
- #56 Company: must be identical to papers.Abbreviations cause delays.E.g. MTG Radio ABWe have always gone for age 12+, to be on the safe side.E.g. radio streams could contain anything...
- #57 Not agent like windows phone, but an element in the app that prevents suspend = the app continues to run.But... The WACK does not understand this. We had to disable autoplay for MTG Apps
- #58 Can be done.Reserve new nameChange name everywhere in appPublish updateOld name can now be removed
- #59 Appscannot be removed!What you can do is to publish an update that is not available in any countries!Will cause the app to disappear from the Store, but get an update on the machines that it has been installed on.You can never force-delete an app on all machines that it’s installed on.