6. Building a Dynamic UI with Fragments

Building Flexible UI

Fragment

• Hasitsownlifecycle• Receiveitsowninput• Addorremovewhileac8vityrunning• APPlevel11>recommended

Creating a Fragment

• Createclassextends“Fragment”• Mustuse“onCreateView()”•  Fragmentalsoreceivessamelifecyclecallbackfunc8on

•  E.g.pause()or..

Creating a Fragment

Building a Flexible UI

• Wecandesigndifferentlayoutbasedondevicesize

Building Flexible UI

MyFragmentAc8vity Ar8cleFragmentHeadlineFragment

Building a Flexible UI

new_ar8cles.xml

ar8cle_view.xml

How to add fragment (see MyFragmentActivity.java)

Communicating with other fragments HeadlineFragment.java

MyFragmentAc8vity.java

Let’s run a demo

• hOp://developer.android.com/shareables/training/FragmentBasics.zip

• hOp://ics.uci.edu/~minhaenl/class/android_class/MyExercise_fragment.zip

References

• hOps://developer.android.com/intl/ko/training/basics/fragments/index.html