ུղ The Navigation Architecture Component 2018/06/07 umeda.apk #4 γʔαʔגࣜձࣾ Itsuki Aoyagi (@yagi2) 

ࣗݾ঺հ ɾ੨༄ थʢItsuki Aoyagiʣ ɾ΍͗ʹ͍ʢ@yagi2, @yaginierʣ ɾγʔαʔגࣜձࣾ ɾAndroidΞϓϦΤϯδχΞ ɹɹɹɹɹˡ ΞΠίϯɹɹɹɹɹɹຊମ → 

Navigation Component ɾAndroid Jetpackͷ1ػೳͱͯ͠৽͘͠ఏڙ͞Εͨ ɾը໘ભҠΛ؆୯ʹ࣮૷Ͱ͖ΔΑ͏ʹͳΔ ɾGoogle I/O 2018ͷDeveloper KeynoteͰ ɹʮStoryboardʂʁʯͬͯͳͬͨ͋Ε΋ͦΕͷΤσΟλ 

No content

ͲΜͳ΋Μʁ ɾStoryboardͷը໘ભҠ͚ͩΛൈ͖ग़ͨ͠ײ͡ ɹɾActivity/FragmentؒͷભҠ΍DeepLinkͰͷىಈ ɹɾSafeArgsʹΑΔܕ҆શͳҾ਺ ɹɹˠɹ͜ΕΒ͕XMLͷϦιʔεͰఆٛͰ͖Δ ʢ͖ͬ͞ͷAS্ͷLayout EditorͰ௚ײతʹఆٛͰ͖Δʣ 

XMLͷϦιʔεͰఆٛͰ͖Δ …… 

XMLͷϦιʔεͰఆٛͰ͖Δ …… 

XMLͷϦιʔεͰఆٛͰ͖Δ …… 

XMLͷϦιʔεͰఆٛͰ͖Δ …… 

XMLͷϦιʔεͰఆٛͰ͖Δ …… 

XMLͷϦιʔεͰఆٛͰ͖Δ …… 

XMLͷϦιʔεͰఆٛͰ͖Δ …… 

XMLͷϦιʔεͰఆٛͰ͖Δ …… 

XMLͷϦιʔεͰఆٛͰ͖Δ …… 

XMLͷϦιʔεͰఆٛͰ͖Δ …… 

XMLͷϦιʔεͰఆٛͰ͖Δ …… 

XMLͷϦιʔεͰఆٛͰ͖Δ 

͔͍͔ͭͨ ɾContainerʹͳΔActivityͷLayoutͰ ɹΛఆٛ͢Δ ɾ”android:name”ʹ ”androidx.navigation.fragment.NavHostFragment” ɹΛηοτ͢Δ ɾ”app:navGraph”ʹఆٛͨ͠XMLΛηοτ͢Δ 

͔͍͔ͭͨ 

͔͍͔ͭͨ 

͔͍͔ͭͨ 

͔͍͔ͭͨ …… 

͔͍͔ͭͨ …… 

͔͍͔ͭͨ ɾભҠ͍ͤͨ͞λΠϛϯάͰ ɹɹɹNavigation.createNavigateOnClickListener(ભҠͷActionID) ɹΛݺͿ 

͔͍͔ͭͨ class MainFragment : Fragment() { override fun onCreateView(………): View? { super.onCreateView(inflater, container, savedInstanceState) return inflater.inflate(R.layout.fragment_main, container , false) } override fun onViewCreated(………) { super.onViewCreated(view, savedInstanceState) view.findViewById(R.id.next_button).setOnClickListener( Navigation.createNavigateOnClickListener(R.id.action_main_to_one) ) } } 

͔͍͔ͭͨ class MainFragment : Fragment() { override fun onCreateView(………): View? { super.onCreateView(inflater, container, savedInstanceState) return inflater.inflate(R.layout.fragment_main, container , false) } override fun onViewCreated(………) { super.onViewCreated(view, savedInstanceState) view.findViewById(R.id.next_button).setOnClickListener( Navigation.createNavigateOnClickListener(R.id.action_main_to_one) ) } } 

͜Ε͚ͩ 

σϞʢ࿥ըʣ 

No content

SafeArgs 

MainFragmentͱ FlowFragmetͷ2ͭͰߏ੒ 

SafeArgs 

SafeArgs 

SafeArgs class FlowFragment : Fragment() { override fun onCreateView(…): View? { super.onCreateView(…) val number = arguments?.getInt("number") return when (number) { 1 -> inflater.inflate(R.layout.fragment_one, container, false) 2 -> inflater.inflate(R.layout.fragment_two, container, false) 3 -> inflater.inflate(R.layout.fragment_three, container, false) else -> throw IllegalArgumentException() } } … 

SafeArgs class FlowFragment : Fragment() { override fun onCreateView(…): View? { super.onCreateView(…) val number = arguments?.getInt("number") return when (number) { 1 -> inflater.inflate(R.layout.fragment_one, container, false) 2 -> inflater.inflate(R.layout.fragment_two, container, false) 3 -> inflater.inflate(R.layout.fragment_three, container, false) else -> throw IllegalArgumentException() } } … 

SafeArgs class FlowFragment : Fragment() { override fun onCreateView(…): View? { super.onCreateView(…) val number = arguments?.getInt("number") return when (number) { 1 -> inflater.inflate(R.layout.fragment_one, container, false) 2 -> inflater.inflate(R.layout.fragment_two, container, false) 3 -> inflater.inflate(R.layout.fragment_three, container, false) else -> throw IllegalArgumentException() } } … Type Safe? 

Safe Args 

SafeArgs 

SafeArgs public class FlowFragmentArgs { private int number = 3; private FlowFragmentArgs() { } public static FlowFragmentArgs fromBundle(Bundle bundle) { FlowFragmentArgs result = new FlowFragmentArgs(); if (bundle.containsKey("number")) { result.number = bundle.getInt("number"); } return result; } public int getNumber() { return number; } public Bundle toBundle() { Bundle __outBundle = new Bundle(); __outBundle.putInt("number", this.number); return __outBundle; } 

SafeArgs public class FlowFragmentArgs { private int number = 3; private FlowFragmentArgs() { } public static FlowFragmentArgs fromBundle(Bundle bundle) { FlowFragmentArgs result = new FlowFragmentArgs(); if (bundle.containsKey("number")) { result.number = bundle.getInt("number"); } return result; } public int getNumber() { return number; } public Bundle toBundle() { Bundle __outBundle = new Bundle(); __outBundle.putInt("number", this.number); return __outBundle; } Type Safe! ☺ 

SafeArgs class FlowFragment : Fragment() { override fun onCreateView(…): View? { super.onCreateView(…) val number = arguments?.let { FlowFragmentArgs.fromBundle(it).number } return when (number) { 1 -> inflater.inflate(R.layout.fragment_one, container, false) 2 -> inflater.inflate(R.layout.fragment_two, container, false) 3 -> inflater.inflate(R.layout.fragment_three, container, false) else -> throw IllegalArgumentException() } } … 

SafeArgs class FlowFragment : Fragment() { override fun onCreateView(…): View? { super.onCreateView(…) val number = arguments?.let { FlowFragmentArgs.fromBundle(it).number } return when (number) { 1 -> inflater.inflate(R.layout.fragment_one, container, false) 2 -> inflater.inflate(R.layout.fragment_two, container, false) 3 -> inflater.inflate(R.layout.fragment_three, container, false) else -> throw IllegalArgumentException() } } … 

·ͱΊ ɾNavigation͸͔ͬ͠Γ࢖͍͚ͬͯ͹ศརͦ͏ ɾSafeArgs͸࢖Θͳ͍ཧ༝͕ແ͍͘Β͍ʹྑͦ͞͏ ɾʢݸਓతʹ͸ʣFragmentTransaction΄͕͛ແ͍ͷͰָ ࠓճͷιʔε yagi2/Android-Navigation-Sample ɹhttps://github.com/yagi2/Android-Navigation-Sample 

ৄղͷ঺հ ɾʲAndroidʳGoogle IO 2018Ͱ৽ൃද͞Εͨ navigation ʹ ͍ͭͯͷৄࡉϨϙʔτ - DMM inside ɹ https://inside.dmm.com/entry/2018/05/25/android- navigation ɾNavigation Component // Speaker Deck ɹhttps://speakerdeck.com/satsukies/navigation-component