Save 37% off PRO during our Black Friday Sale! »

NSC AD 340 5210 - Week 5

4ce0d60e368cef89450f1d9dfdcb493f?s=47 Nate Ebel
May 10, 2020

NSC AD 340 5210 - Week 5


Nate Ebel

May 10, 2020


  1. Week 5 Lecture Fragments

  2. What are we building this week? Building composable UI using

    Fragments 02 Project Demo Fragments 01
  3. Project Demo What are we building this week?

  4. Week 5 Project Updates • Create a LocationEntryFragment • Create

    a CurrentForecastFragment • Create an AppNavigator interface to navigate between fragments • Add a FloatingActionButton to show LocationEntryFragment after forecast data is displayed
  5. Fragments Building composable UI using Fragments

  6. How to reuse pieces of UI?

  7. Fragments Reusable portions of UI that can be composed together

    within a single Activity
  8. Fragment Has its own layout and lifecycle. Can be defined

    in XML or added/removed programmatically FragmentManager Manages what Fragments are currently showing on the screen. Use the FragmentManager to add/remove a Fragment. FragmentTransaction Represents the addition or removal of a single Fragment from its container. Fragments
  9. Fragment 1 Fragment 2 Fragment 3 Composable UI Add &

    remove multiple fragments in a single screen
  10. Adding a Fragment Using XML <fragment android:id="@+id/locationEntryFragment" android:name="" android:layout_width="match_parent" android:layout_height="match_parent"

    /> activity_main.xml
  11. Adding a Fragment Programmatically supportFragmentManager .beginTransaction() .add(, Fragment()) .commit() MainActivity

  12. Fragment Lifecycle Fragment lifecycle is very similar to Activity lifecycle

  13. Fragment Lifecycle onAttach() Added to Activity onStart() Fragment is visible

    on screen onStop() Fragment no longer visible onCreateView() Fragment layout is inflated and returned onPause() Fragment has been removed onDestroyView() Fragment view is destroyed onResume() Fragment is active on screen onDetach() Fragment is removed from Activity
  14. Check Canvas For Additional Resources & Assignments