Oh, the places you'll go! Cracking Navigation on Android

Cracking Navigation on Android @BrittBarak

@BrittBarak Congratulation Today is your day. You’re building your app!
You’re off and away @BrittBarak

@BrittBarak You’re on your own You know what you know
And you are the DEV that decides where your USER will go! @BrittBarak

Britt Barak DevRel @ Nexmo Google Developer Expert Women Techmakers
Israel Britt Barak @brittBarak

@BrittBarak App Activity @BrittBarak

@BrittBarak App Activities are welcome! com.nexmo.brittApp Activity Activity2 Activity3 @BrittBarak

@BrittBarak com.vonage.britt App @BrittBarak

@BrittBarak Our lives are PERFECT! @BrittBarak

@BrittBarak Expect when they’re not. Because sometime, they won’t @BrittBarak

@BrittBarak

@BrittBarak Modify Navigation Behaviour • AndroidManifest: launchMode • Code: Intent
Flags @BrittBarak

@BrittBarak Standard

@BrittBarak conversationList

@BrittBarak conversationList conversation

@BrittBarak conversationList conversation conversation

@BrittBarak conversationList conversation conversation conversation

@BrittBarak Single Top

@BrittBarak conversation conversationList

@BrittBarak conversation conversation conversationList

@BrittBarak conversation onNewIntent() conversationList

@BrittBarak conversation conversation conversationList

@BrittBarak conversation conversation phoneCall conversationList

@BrittBarak conversation conversation phoneCall conversation conversationList

@BrittBarak conversation conversation conversationList conversation phoneCall

@BrittBarak convoList

@BrittBarak convoList Search

@BrittBarak convoList Search onNewIntent()

@BrittBarak convoList Search

@BrittBarak But I want 1 instance!

@BrittBarak

@BrittBarak Single Task

@BrittBarak conversation conversationList phoneCall singleTask

@BrittBarak conversationList conversation phoneCall singleTask @BrittBarak

@BrittBarak conversationList conversation @BrittBarak phoneCall singleTask

@BrittBarak conversationList conversation conversation @BrittBarak phoneCall singleTask

@BrittBarak conversationList conversation phoneCall singleTask conversation @BrittBarak phoneCall singleTask

@BrittBarak conversationList conversation phoneCall singleTask @BrittBarak phoneCall singleTask

@BrittBarak conversationList conversation onNewIntent( ) @BrittBarak phoneCall singleTask

@BrittBarak conversationList conversation phoneCall singleTask @BrittBarak

@BrittBarak conversationList conversation @BrittBarak

@BrittBarak conversation phoneCall singleTask

@BrittBarak Single Instance

@BrittBarak conversationList phoneCall singleInstance conversation

@BrittBarak conversationList phoneCall singleInstance conversation @BrittBarak

@BrittBarak conversationList conversation phoneCall singleInstance conversation @BrittBarak Nah ah!

@BrittBarak conversationList conversation phoneCall singleInstance conversation @BrittBarak

@BrittBarak conversationList conversation phoneCall singleInstance conversation phoneCall singleInstance @BrittBarak

@BrittBarak conversationList conversation phoneCall singleInstance phoneCall singleInstance conversation @BrittBarak

@BrittBarak conversationList conversation phoneCall singleInstance onNewIntent( ) conversation @BrittBarak

@BrittBarak conversationList phoneCall singleInstance conversation conversation @BrittBarak

@BrittBarak Make your task visible!! @BrittBarak

@BrittBarak Document

@BrittBarak

@BrittBarak We’re done! we have only Activities! @BrittBarak

@BrittBarak Expect when we don’t. Because sometime, we won’t @BrittBarak

@BrittBarak App Activity Activities are welcome! com.nexmo.brittApp @BrittBarak

@BrittBarak App Activity Activities are welcome! com.nexmo.brittApp Fragment1 @BrittBarak

@BrittBarak App Activity Activities are welcome! com.nexmo.brittApp Fragment1 Fragment2 @BrittBarak

@BrittBarak App Activity Activities are welcome! com.nexmo.brittApp Fragment1 @BrittBarak

@BrittBarak App Activities are welcome! com.nexmo.brittApp @BrittBarak

@BrittBarak @BrittBarak

@BrittBarak NavigationComponent • Alpha • Android Studio 3.2+ • Focus
on Fragments on a single Activity

@BrittBarak <navigation android:id="@+id/nav_graph"> //. . . </navigation>

@BrittBarak 1. Choose Destinations

@BrittBarak convoList conversation phoneCall Search newConvo Video Text

@BrittBarak

@BrittBarak 2. Build Flow

@BrittBarak

@BrittBarak convoList conversation

@BrittBarak convoList conversation phoneCall Search newConvo Video Text

@BrittBarak 3. Host the Graph

@BrittBarak Host the Graph NavHost layout_activity.xml

@BrittBarak Host the Graph NavHostFragment NavHost

@BrittBarak layout_activity.xml

@BrittBarak layout_activity.xml <fragment …/>

@BrittBarak layout_activity.xml <fragment android:id=“@+id/nav_host_fragment" …/>

@BrittBarak layout_activity.xml <fragment android:id=“@+id/nav_host_fragment" android:name= “androidx.navigation.fragment. NavHostFragment" …/>

@BrittBarak layout_activity.xml <fragment android:id=“@+id/nav_host_fragment" android:name= “androidx.navigation.fragment. NavHostFragment" app:navGraph="@navigation/nav_graph" …/>

@BrittBarak layout_activity.xml <fragment android:id=“@+id/nav_host_fragment" android:name= “androidx.navigation.fragment. NavHostFragment" app:navGraph="@navigation/nav_graph" app:defaultNavHost=“true” …/>

@BrittBarak 4. Attach NavHost to UP override fun onSupportNavigateUp()= findNavController(R.id.nav_host_fragment)
.navigateUp()

@BrittBarak 5. Navigate 1. Find NavHost •NavHostFragment.findNavController(Fragment) •Navigation.findNavController(Activity, int viewId)
•Navigation.findNavController(View) 

@BrittBarak 5. Navigate 2. Execute navigation navController. navigate(R.id.viewTransactionsAction)  

@BrittBarak 5.1 Navigate from Menu <item android:id=“@+id/convo_list_frag” android:icon=“@drawable/ic_list” android:title=“@string/all_convos”/>

@BrittBarak 5.1 Navigate from Menu override fun onOptionsItemSelected(item: MenuItem): Boolean
{ }

{ return NavigationUI. onNavDestinationSelected(item,navController) }

{ return NavigationUI. onNavDestinationSelected(item,navController) || super.onOptionsItemSelected(item) }

@BrittBarak

@BrittBarak convoList conversation ConvId

@BrittBarak SafeArgs

@BrittBarak

@BrittBarak convoList conversation ConvId convoListDirection conversationArgs

@BrittBarak conversationListFragment val action = ConvoListDirections.

@BrittBarak conversationListFragment val action = ConvoListDirections. openConvAction(myConversationId)

@BrittBarak conversationListFragment val action = ConvoListDirections. openConvAction(myConversationId) navController.navigate(action)

@BrittBarak ConversationFragment val id = ConversationFragmentArgs.

@BrittBarak ConversationFragment val id = ConversationFragmentArgs. fromBundle(arguments).convId

@BrittBarak

@BrittBarak Deeplinks • Url link • PendingIntent • from a
notification / widget / slice

@BrittBarak

@BrittBarak AndroidManifest.xml <activity android:name=".MainActivity"> <!— . . . . —>
<nav-graph android:value=“@navigation/nav_graph”/> </activity>

@BrittBarak PendingIntent for Deeplinks PendingIntent deeplink = navController.createDeepLink() .setDestination(R.id.conversationFragment) .setArguments(args)
.createPendingIntent();

@BrittBarak convoList conversation Handles Back Stack

@BrittBarak What else can we do with Actions

@BrittBarak ChatFragment CallFragment

@BrittBarak ChatFragment CallFragment Enter Exit

@BrittBarak ChatFragment CallFragment

@BrittBarak ChatFragment PopEnter PopExit CallFragment

@BrittBarak “And will you succeed? Yes! You will, indeed! (98
an 3/4 percent guaranteed)” DEV, you’ll move fragments! @BrittBarak

@BrittBarak Thank you! Keep in touch @BrittBarak

Oh, the places you'll go! Cracking Navigation o...

Oh, the places you'll go! Cracking Navigation on Android

More Decks by Britt Barak

Other Decks in Programming

Featured

Transcript