Win8 development lessons learned jayway
•Download as PPTX, PDF•
0 likes•656 views
Seminar with a bunch of tips and tricks and lessons learned regarding windows 8 modern UI app developement. Topics include: Blend/design time data, view states, touch, navigation and Windows Store.
Recommended
Recommended
More Related Content
Similar to Win8 development lessons learned jayway
Similar to Win8 development lessons learned jayway (20)
Recently uploaded
Recently uploaded (20)
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’ve done Blend View states Touch Navigation Store
- 10. Blend
- 11. Design time data Design time view model AppBar binding
- 12. Design time view model Windows.ApplicationModel.DesignMode.DesignModeEnabled
- 13. AppBar binding
- 14. View states
- 15. Windows 8 View States
- 16. Full vs Filled vs Snapped • Full view • Filled view • Snapped view
- 17. Full view Nothing strange about this, the normal state
- 18. Filled view • Usually nothing 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
- 20. Snapped view • You HAVE to support this, requirement from Microsoft • It is always 320 pixel wide
- 21. Then how do we 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 view with visibility • Could very easy create duplicate data • Make sure you use usercontrols, bindings etc
- 25. Navigate to a different 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 separate snapped view, either by using visibility or navigate.
- 27. Touch
- 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. Brainstormer
- 35. Screen table - "Surface"/FlatFrog no up or down difficult with global UI elements Use popups or duplicates
- 36. Concurrent popup One concurrent 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. Navigation
- 40. Rootframe • Add a seperate rootframe over the existing one. • Background • Animation • Audio
- 41. Rootframe, xaml
- 43. Navigate static class We have 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 caching works both back and forward • You can not just turn on caching back which is what we usually want to have
- 48. backstack clearing How to clear cache?
- 49. Summary It is nice 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. Windows Store
- 51. Windows Store Publish WACK Privacy policy Live account Publisher name Background audio Manage Change app name Remove app
- 52. WACK Is step 1 of certification process always run this.
- 53. Privacy policy Blog post av Dag König: http://bit.ly/RWGouo Must have in metadata and accessible in app.
- 54. Live account Use separate live-ID for win8 apps.
- 55. Publisher name For company accounts, ”must” match registration papers.
- 56. Background audio Background audio prevents suspend, do not autoplay!
- 57. Change app name App name can be changed.
- 58. Remove app Apps cannot be removed, only updated to no markets.
- 59. the end Thank you for coming!
Editor's Notes
- This is what we’ll talk about.
- First some context on what we’ve done
- Unlike WP and earlier XAML versions, the Data tab in Blend is missing cannot use XML data for view models.
- What we like to do is:Design view model on pageIn code, set view model in ctorviewModel.Init in OnNavigatedTo
- Appbar inherits binding from ancestors.If a separate DataContext is needed, it cannot be set on the AppBar itself, will not apply.
- There are thesethree states.
- Shows the windows store
- Can check which side by checking Window.Current.Bounds.Left == 0Mightwant to movebuttonsetc to bettersuitefilled
- 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.
- In blend it is easy to changebetweenstates
- It willquickly be verymuch data in xaml
- Easy to havebackground, animation, audio etc in common for all views.
- In xamlcreate a frame
- Havecreated a staticclasswhichhandles all navigation.
- Wehave to handleNavigate, Back,CanGoBacketc
- If you try to use a different typethiserrorwilloccur:
- Twotypeof cachemodeRequired and EnabledRequired is the strongerone and reaminsevenif cache size is exceeded.
- 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...)
- 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
- 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.
- 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...
- 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
- Can be done.Reserve new nameChange name everywhere in appPublish updateOld name can now be removed
- 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.