Recommandé
Recommandé
Contenu connexe
Similaire à Windows Store apps - Lessons Learned
Similaire à Windows Store apps - Lessons Learned (20)
Windows Store apps - Lessons Learned
- 1. Windows Store apps lessons learned @andyhammar - andreas.hammar@jayway.com @chribben - christian.jacobsen@jayway.com
- 2. Windows Store View states Store What we’ve done Navigation Blend Touch
- 4. Blend
- 5. Design time data View model Design time view model AppBar binding
- 6. View model
- 7. Design time view model
- 9. View states
- 10. Your app must support a snapped layout. In landscape orientation, your app’s functions must be fully accessible when the app’s display size is 1024 x 768. Your app must remain functional when the customer snaps and unsnaps the app.
- 11. …maintain state, context, and interactivity
- 13. How? Design time – define visual states or
- 14. How? Run time – apply correct visual state Window.Current.SizeChanged += SizeChanged; . . . private void SizeChanged(object sndr, WindowSizeChangedEventArgs e) { var viewState = ApplicationView.Value; VisualStateManager.GoToState(this, viewState.ToString(), false); }
- 15. Tips //When snapped visual state is static, use a page if (ApplicationView.Value == ApplicationViewState.Snapped) Frame.Navigate(typeof (MySnappyPage));
- 16. Tips var snappedLeft = ApplicationView.Value == ApplicationViewState.Snapped && Window.Current.Bounds.Left == 0;
- 17. Gotcha
- 18. Tips
- 19. Navigation
- 21. Fundamental navigation //Plain navigation Frame.Navigate(typeof (MySuperDuperPage)); //Parameter passing Frame.Navigate(typeof (DisplayItemPage), itemId);
- 22. Fundamental navigation protected override void OnNavigatedTo(NavigationEventArgs e) { int itemId = (int) e.Parameter; _myViewModel.SelectedItemId = itemId; . . . }
- 24. Helpers
- 26. Tips Use a background frame for stuff that must survive page switching Background Frame Frame Page Background Page
- 27. Tips Use caching for improved navigation performance
- 28. Gotcha Parameter passing – you can pass any object…. BUT The platform only support serializing of basic types
- 29. Summary Rootframe Navigate with simple parameters Use caching if app with many pages
- 30. Touch
- 31. Pointer events PointerPressed, PointerReleased, PointerMoved PointerCanceled, PointerCaptureLost, PointerEntered, PointerExited, PointerWheelChanged
- 32. Pointer events • e.GetCurrentPoint() .PointerId .Properties.IsMiddleButtonPressed • e.GetIntermediatePoints
- 33. Static gestures • Derived from Pointer-events Tapped DoubleTapped Holding RightTapped • One concurrent event per UI Element
- 34. Manipulation gesture events ManipulationStarted, ManipulationCompleted ManipulationDelta, ManipulationInertiaStarting, ManipulationStarting
- 35. Manipulation gesture events • Inertia • Often used to set RenderTransform • Derived from Pointer-events • One concurrent event per UI Element
- 36. Brainstormer
- 37. Screen table - "Surface"/FlatFrog no up or down difficult with global UI elements Use popups or duplicates
- 38. 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)
- 39. Manipulation transforms CompositeTransform e.Cumulative.Rotation No concurrent Repeatbuttons e.handled = true
- 40. Windows Store
- 41. Windows Store Publish WACK Privacy policy Live account Publisher name Background audio Manage Change app name Remove app
- 42. WACK Is step 1 of certification process always run this.
- 43. Privacy policy Blog post by Dag König: http://bit.ly/RWGouo Must have in metadata and accessible in app.
- 44. Live account Use separate live-ID for win8 apps.
- 45. Publisher name For company accounts, ”must” match registration papers.
- 46. Background audio Background audio prevents suspend, do not autoplay!
- 47. Change app name App name can be changed.
- 48. Remove app Apps cannot be removed, only updated to no markets.
- 49. Get started – Store • Create Microsoft account • Create Store account • Reserve app name
- 50. Thank you for coming! the end
Notes de l'éditeur
- WeareconsultantswithJayway
- This is what we’ll talk about.appsconceptsstore
- First some context on whatwe’vedoneDemo:ReseguidenRixFM och BanditLänsförsäkringarRicoh
- Howmanyareused to workingwith Blend?The Blend code has beenmergedinto VS.But Blend still has someadvantages,one is workingwithresources.
- Design and UI is reallyimportant for Windows 8 apps.Important to be able to workwith design fluently.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:In code, set view model in ctorviewModel.Init in OnNavigatedToDataContext is inherited to child elements
- What we like to do is:Design view model on pageInherits from real VM – sets data as needed in design time
- Appbar inherits binding from ancestors.If a separate DataContext is needed, it cannot be set on the AppBar itself, will not apply.
- Krav för godkännande…sanning med modifikation
- Demo
- Bakom gardinerna…För den här kontrollen ska vänstermarginalen vara 10 isf 20. För den här kollektionen vill jag använda en listview isf gridview.
- Bakom gardinerna…
- Simulator doesn’t care about manifest settings concerning rotation
- Rememberthat in fillview the usermighthave a hard timereachingwithboththumbs
- The anatomyof an appNavigation functionality in the Frameclass
- An app stores itsstate in a dictionaryheld by the suspension manager helperclassprovided by VS. What has this to do with navigation? Whenresuming from terminatedstate, wewant to restore page navigation state
- Alsousefulifyouwant to save filled in user data during navigation (not necessaryifsavingstate in SaveStatemethod)
- Just works.Have to learnmoredetails forGamesCustomcontrols
- No separate events for mouse, pen, touch – all the same.Raw events areavailable – buteasier APIs exist (gestures).
- Trackeachindividual fingerCode for mouse-specificEvent-history
- Straightforward
- Gestures like zoom, rotation and movement
- Also supportsinertia – like slowing downWorks beautifullywithrender transform
- Demo-app for FlatFrogsurface table
- New problems compared to regularscreenNo up or downEveryoneshould be able to reacheverytningDuplicate elements
- Problems withonestaticgesture eventPointerPressed – manypopups (hand on table)Hold – onlyone at a timeDoubleClick – betterTrick: grid inside canvas – to capturerouted events and route to canvasAllowedmultipleconcurrent events
- Hard to get transform rightBest result:Usecomposite transform and Cumulativevalues from manipulationRepeatButtondoes not handleconcurrentusages
- Show windows store liveCreateapp – reservename
- 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.Checklist:Create accountReserveappname
- 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
- Apps cannot 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.