Recommandé
Contenu connexe
Tendances
Tendances (16)
Similaire à Fear no fragments
Similaire à Fear no fragments (20)
Dernier
Dernier (20)
Fear no fragments
- 1. Fear No Fragments Exploring Fragments in modern day android development! @dipoareoye Yup.com
- 3. DEMO : WORLD CUP CATCH UP Icon made by SmashIcons from www.flaticon.com
- 5. MatchListActivity - RecyclerView - List<Match> - ScoreListener MatchDetailAcitivy - Match - Image - videoUrl - Commentary feed
- 7. Goal For Today Reason about why and when we use Fragments Keep their usage pain-free(ish)
- 9. What is a Fragment? “a small part broken or separated off something.” Represent Portions of UIs in Activities - Lifecycle - Receive its own input events - Added and removed using the Fragment manager
- 10. Static Fragment
- 11. Dynamic Fragment public class MainActivity extends FragmentActivity { @Override public void onCreate(Bundle savedInstanceState) { MatchlistFragment listFragment = new MatchlistFragment(); getSupportFragmentManager().beginTransaction() .add(R.id.fragment_container_list, listFragment) .addToBackStack(null) .commit();
- 12. Dynamic Fragment
- 13. Sending Data to fragment Activity FragmentArguments MatchDetail 1. Score 2. Comments ...
- 15. Fragment Lifecycle OnCreate -> initialize essential components to be retained OnCreateView -> First UI draw, return UI here onViewCreated -> initialise UI!
- 16. Fragment Lifecycle OnPause -> Remove listeners etc.. OnDestroy -> Final Cleanup to fragments state
- 18. First Lesson Only Override what you need, Don’t get overwhelmed Be mindful of the activity lifecycle
- 20. FragmentManger and FragmentTransaction FragmentManager FragmentTransaction fragment add remove replace attach detach show hide
- 21. Navigation
- 22. Replace AddToBack Stack CommitBegin FragmentManager backstack Count = 0 List Fragment Container
- 23. Replace AddToBack Stack CommitBegin FragmentManager backstack Count = 0 List Fragment! Container
- 24. Replace / Add AddToBack Stack CommitBegin FragmentManager backstack Count = 1 Replace: container -> Detail Detail Fragment! Container List Fragment! Replace
- 25. Replace / Add AddToBack Stack CommitBegin FragmentManager backstack Count = 1 Replace: container -> Detail Detail Fragment! Container List Fragment! replace(R.id.fragment_container_list, listFragment) Replace
- 26. Replace / Add AddToBack Stack CommitBegin FragmentManager backstack Count = 1 Replace: container -> Detail Detail Fragment! Container List Fragment! replace(R.id.fragment_container_list, listFragment)replace(R.id.fragment_container_list, detailFragment) 1. Remove: ListFragment 2. Add: DetailFragment Replace
- 27. Replace / Add AddToBack Stack CommitBegin FragmentManager backstack Count = 1 Detail Fragment! Container List Fragment! Remove: ListFragment Add: DetailFragment Replace
- 28. Replace / Add AddToBack Stack CommitBegin Detail Fragment! Container Replace FragmentManager backstack Count = 1 Remove: ListFragment Add: DetailFragment
- 29. Example - Pressing Back
- 30. Detail Fragment! Container FragmentManager backstack Count = 1 Remove: ListFragment Add: DetailFragment Remove: ListFragment Add: DetailFragment OnBackPressed()
- 31. Detail Fragment! Container FragmentManager backstack Count = 1 Remove: ListFragment Add: DetailFragment Remove: DetailFragment Add: ListFragment OnBackPressed()
- 32. Detail Fragment! Container FragmentManager backstack Count = 0 Remove: DetailFragment Add: ListFragment OnBackPressed() Detail Fragment! Container List Fragment!
- 38. AddToBack Stack CommitBegin FragmentManager backstack Count = 1 A B REMOVE: A ADD: B Replace
- 39. AddToBack Stack CommitBegin FragmentManager backstack Count = 1 B REMOVE: A ADD: B Replace
- 40. FragmentManager backstack Count = 2 REMOVE: B ADD: C B C REMOVE: A ADD: B AddToBack Stack CommitBegin Replace
- 41. FragmentManager backstack Count = 2 REMOVE: B ADD: C C REMOVE: A ADD: B AddToBack Stack CommitBegin Replace
- 42. AddToBack Stack CommitBegin Container C Replace FragmentManager backstack Count = 2 2 :REMOVE: B ADD: C 1: REMOVE: A ADD: B
- 43. Container B FragmentManager backstack Count = 1 REMOVE: A ADD: B addTo BackStack CommitBegin ReplaceFragment B
- 44. Container C FragmentManager backstack Count = 1 REMOVE: A ADD: B CommitBegin ReplaceFragment C
- 45. Container C FragmentManager backstack Count = 1 REMOVE: A ADD: B OnBackPressed() Remove: B(null) Add: A
- 46. Container A FragmentManager backstack Count = 0 OnBackPressed()
- 47. ContainerFragmentManager backstack Count = 0 OnBackPressed() A C
- 48. Lesson #2 BackStack != fragments hierarchy
- 49. Solutions? We can implement a backStackChangeListener() We can override onBackPressed() We can avoid the back stack modification, with child Fragments
- 51. B FragmentManager backstack Count = 1 REMOVE: A ADD: B B
- 52. B FragmentManager backstack Count = 1 REMOVE: A ADD: B B C
- 57. Lesson #3 Be mindful of making fragment transactions/UI updates from async callbacks
- 58. Solutions? Check if the fragment is Added to activity before updating UI Add Flags in tear down lifecycle methods (onPause etc.) Take out Async tasks!
- 59. ViewModel Data
- 60. Summary Don't get overwhelmed Fragment Lifecycle Don't be afraid to customise the back stack Try to take async tasks outside out fragments
- 61. ViewPager
- 62. DialogFragment
- 64. Hybrid Web App Existing fragment based architecture(ViewPager,Custom Dialogs) Required Custom backstack Needs to persist throughout application
- 65. Solution Put webview in its own fragment Custom replace in activity In which we can show/hide at Will
- 66. Fin!