Android Jetpack - Navigation Components

Slide 1

Slide 1 text

Android Jetpack - Navigation ٘ۄ݃ঙஹಌפ উ٘۽੉٘ ѐߊ੗  facebook.com/rfrost77 ੉थ޹

Slide 2

Slide 2 text

Challenges for Navigation

Slide 3

Slide 3 text

Challenges for Navigation - Fragment Transaction

Slide 4

Slide 4 text

Challenges for Navigation - Fragment Transaction - Up and Back

Slide 5

Slide 5 text

Challenges for Navigation - Fragment Transaction - Up and Back - Passing Arguments

Slide 6

Slide 6 text

Challenges for Navigation - Fragment Transaction - Up and Back - Passing Arguments - Deep Links

Slide 7

Slide 7 text

Challenges for Navigation - Fragment Transaction - Up and Back - Passing Arguments - Deep Links - Error-prone Boilerplate

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

implementation 'android.arch.navigation:navigation-fragment-ktx:1.0.0-alpha04' implementation 'android.arch.navigation:navigation-ui-ktx:1.0.0-alpha04' Apply Navigation

Slide 10

Slide 10 text

Navigation Architecture Component

Slide 11

Slide 11 text

Navigation Architecture Component - ݺࣁ - Navigation Graph. XML. - प೯ - NavController.navigate()

Slide 12

Slide 12 text

navigation destinationҗ actions੄ ୒ࢎ૓ Navigation Graph

Slide 13

Slide 13 text

Navigation Editor

Slide 14

Slide 14 text

Navigation Editor Destination

Slide 15

Slide 15 text

Action

Slide 16

Slide 16 text

nav_graph.xml

Slide 17

Slide 17 text

nav_graph.xml Destination

Slide 18

Slide 18 text

nav_graph.xml Action

Slide 19

Slide 19 text

Demo

Slide 20

Slide 20 text

Entry point - Not owner of content NavHost manages navigation and content Activity

Slide 21

Slide 21 text

Entry point - Not owner of content NavHost manages navigation and content Activity

Slide 22

Slide 22 text

main_activity.xml

Slide 23

Slide 23 text

main_activity.xml

Slide 24

Slide 24 text

main_activity.xml

Slide 25

Slide 25 text

class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.main_activity) val navController = ﬁndNavController(R.id.nav_host) NavigationUI.setupActionBarWithNavController(this, navController) } override fun onSupportNavigateUp() = ﬁndNavController(R.id.nav_host).navigateUp() } MainActivity.kt

Slide 26

Slide 26 text

Slide 27

Slide 27 text

Slide 28

Slide 28 text

NavController.navigate() Navigating

Slide 29

Slide 29 text

btnGame.setOnClickListener { view -> view.ﬁndNavController().navigate(R.id.gameFragment) } MainFragment.kt

Slide 30

Slide 30 text

btnGame.setOnClickListener { view -> view.ﬁndNavController().navigate(R.id.gameFragment) } MainFragment.kt Destination

Slide 31

Slide 31 text

btnGame.setOnClickListener { view -> view.ﬁndNavController().navigate(R.id.gameFragment) } MainFragment.kt Action btnGame.setOnClickListener { view -> view.ﬁndNavController().navigate(R.id.action_mainFragment_to_gameFragment) }

Slide 32

Slide 32 text

nav_graph_main.xml

Slide 33

Slide 33 text

btnGame.setOnClickListener { view -> view.ﬁndNavController().navigate(R.id.gameFragment) } MainFragment.kt btnGame.setOnClickListener { view -> view.ﬁndNavController().navigate(R.id.action_mainFragment_to_gameFragment) } btnGame.setOnClickListener(Navigation.createNavigateOnClickListener(R.id.action _mainFragment_to_gameFragment))

Slide 34

Slide 34 text

Safe Args

Slide 35

Slide 35 text

view.ﬁndNavController().navigate(R.id.action_mainFragment_to_gameFragment, bundleOf("userName" to “rfrost”)) arguments?.getString("userName") Passing & Getting Arguments

Slide 36

Slide 36 text

view.ﬁndNavController().navigate(R.id.action_mainFragment_to_gameFragment, bundleOf("userName" to “rfrost”)) arguments?.getString("userName") Easy to mistake Passing & Getting Arguments

Slide 37

Slide 37 text

Navigation graph defines arguments Generate error-prone boilerplate code and make it type safe Type Safe Args

Slide 38

Slide 38 text

nav_graph.xml

Slide 39

Slide 39 text

Passing Arguments arguments?.let { val arguments = GameFragmentArgs.fromBundle(it) txt_screen_name.text = arguments.screenName txt_name.text = arguments.userName } val directions = MainFragmentDirections.actionToGame("GameFragment") directions.setUserName("rfrost") view.ﬁndNavController().navigate(directions)

Slide 40

Slide 40 text

val directions = MainFragmentDirections.actionToGame("GameFragment") directions.setUserName("rfrost") view.ﬁndNavController().navigate(directions) Passing Arguments arguments?.let { val arguments = GameFragmentArgs.fromBundle(it) txt_screen_name.text = arguments.screenName txt_name.text = arguments.userName }

Slide 41

Slide 41 text

Slide 42

Slide 42 text

Slide 43

Slide 43 text

Getting Arguments arguments?.let { val arguments = GameFragmentArgs.fromBundle(it) txt_screen_name.text = arguments.screenName txt_name.text = arguments.userName } val directions = MainFragmentDirections.actionToGame("GameFragment") directions.setUserName("rfrost") view.ﬁndNavController().navigate(directions)

Slide 44

Slide 44 text

arguments?.let { val arguments = GameFragmentArgs.fromBundle(it) txt_screen_name.text = arguments.screenName txt_name.text = arguments.userName } Getting Arguments val directions = MainFragmentDirections.actionToGame("GameFragment") directions.setUserName("rfrost") view.ﬁndNavController().navigate(directions)

Slide 45

Slide 45 text

Slide 46

Slide 46 text

classpath 'android.arch.navigation:navigation-safe-args-gradle-plugin:1.0.0-alpha04' apply plugin: 'androidx.navigation.safeargs' Apply Safe Args

Slide 47

Slide 47 text

Deep Linking

Slide 48

Slide 48 text

Explicit Implicit

Slide 49

Slide 49 text

Explicit Implicit Notification জ ই੉௑ জ ਤઇ Slices

Slide 50

Slide 50 text

Explicit Implicit Notification জ ই੉௑ জ ਤઇ Slices Web URLs Custom Scheme URLs

Slide 51

Slide 51 text

Explicit Implicit Notification জ ই੉௑ জ ਤઇ Slices Web URLs Custom Scheme URLs জ ղࠗীࢲ ੉ز জ ৻ࠗীࢲ ੉ز

Slide 52

Slide 52 text

NavDeepLinkBuilder Explicit Deep Linking

Slide 53

Slide 53 text

val deepLinkBuilder = NavDeepLinkBuilder(context) .setGraph(R.navigation.nav_graph_main) .setDestination(R.id.gameFragment) .setArguments(MainFragmentDirections.actionToGame("GameFragment").arguments) val pendingIntent = deepLinkBuilder.createPendingIntent() notiﬁcationBuilder.setContentIntent(pendingIntent) ExplicitDeepLink.kt

Slide 54

Slide 54 text

Slide 55

Slide 55 text

Slide 56

Slide 56 text

Slide 57

Slide 57 text

Implicit Deep Linking

Slide 58

Slide 58 text

ImplicitDeepLink.kt

Slide 59

Slide 59 text

ImplicitDeepLink.kt

Slide 60

Slide 60 text

ImplicitDeepLink.kt

Slide 61

Slide 61 text

AndroidManifest.xml

Slide 62

Slide 62 text

Appendix - Menu id Driven Navigation - Navigate to Activity

Slide 63

Slide 63 text

Menu id৬ Destinationਸ ڙэ੉ ݏ୶ݶ ੗ز োز Menu id Driven Navigation

Slide 64

Slide 64 text

Menu id Driven Navigation

Slide 65

Slide 65 text

Menu id Driven Navigation

Slide 66

Slide 66 text

Menu id Driven Navigation

Slide 67

Slide 67 text

ӝઓ Navigatingҗ زੌೠ ߑߨ ࢜۽਍ Activityীࢲח ࢜۽਍ navigation_graph.xmlਸ ٜ݅যࢲ োز Navigate to Activity

Slide 68

Slide 68 text

view.ﬁndNavController().navigate(R.id.action_mainFragment_to_detailActivity) Navigate to Activity

Slide 69

Slide 69 text

view.ﬁndNavController().navigate(R.id.action_mainFragment_to_detailActivity) Navigate to Activity

Slide 70

Slide 70 text

view.ﬁndNavController().navigate(R.id.action_mainFragment_to_detailActivity) Navigate to Activity

Slide 71

Slide 71 text

detail_activity.xml ࢜۽਍ Navigation Graph xmlਸ ଵઑೠ׮

Slide 72

Slide 72 text

ই૒ ࠛউ੿ೠ ࢎ೦ - BackActionীࢲ NavControllerҗ ActionBar੄ زӝചо ੉࢚ೣ - Manifestীࢲ nav-graphо ੜ ز੘ೞ૑ ঋ਺ - Deeplinkীࢲ ઺р BackStackਸ ݽف ࢓ܻ૑ ޅೣ - Deeplinkীࢲ {arguments}ח String݅ ؽ

Slide 73

Slide 73 text

Reference ҕध о੉٘: - developer.android.com/topic/libraries/architecture/navigation/ ҕध ࢠ೒௏٘: - github.com/googlesamples/android-architecture-components/tree/master/ NavigationBasicSample ࢠ೒௏٘ - github.com/rfrost77/GDG-NavigationSample

Slide 74

Slide 74 text

хࢎ೤פ׮ ٘ۄ݃ঙஹಌפ উ٘۽੉٘ ѐߊ੗  facebook.com/rfrost77 ੉थ޹