ããŸãŸã§ã®Androidéçºã§ã¯ãããšãã°ãã£ãŒããªã³ã¯ã«ã¯GradleããAndroidManifestãæžãæããé»éè¡ããããšãã°ã«ãŒãã£ã³ã°ãããã²ãŒã·ã§ã³ã«ã¯ãªã¬ãªã¬ãã¬ãŒã ã¯ãŒã¯ãã©ããäœã£ãŠäœ¿ã£ãŠããŸããããGoogle I/O 2018ã§çºè¡šããã Navigation Architecture Component ã䜿ããšå€§å€äŸ¿å©ã§ããã
ãšãããã䜿ã£ãŠã¿ãã¡ã¢ã§ãã
èãæ¹ãšãæ§é
- ã·ã³ã°ã«ã¢ã¯ãã£ããã£ã»ãã«ããã©ã°ã¡ã³ã
- æäžäœã® (å¯äžã®) ActivityãToolbarã ããã²ãŒã·ã§ã³çšã³ã³ãããŒã«(BottomNavigation, NavigationDrawer ãªã©) ãæã€
- Activityã
NavHostFragmentãšããã®ãæã¡ããã®ããã«å
¥ãåã§ã¢ããªã±ãŒã·ã§ã³ãã¡ã€ã³ã®Fragmentã管çã»è¡šç€ºããã
NavHostFragmentãå
å
ããNavControllerãšãããã€ãã«ãŒãã£ã³ã°ãããŠãã
- Fragmentã®instantiateãªã©ã¯ãããå
éšã§ãã£ãŠããã
- ããã²ãŒã·ã§ã³å®çŸ©ã¯XMLã§è¡ããã©ã®ã¢ã¯ã·ã§ã³ããããã¯
R.id.*ã§æ瀺ãã
- ãã£ãŒããªã³ã¯ãåäžãæš©åšActivityããã¹ãŠåãåãã
NavControllerããããªã«ã«ãŒãã£ã³ã°ãã
- ãå®çŸããããã«ãnavigationã®xmlãManifest MergerãããŒã¹ãã
intent-filterãæžãæãã
äœãé åºã®ã³ã
åã³ã³ããŒãã³ããè€éã«çµ¡ã¿åã£ãŠããã®ã§ããŒãããäœã£ãŠããæã¯é åºã«ã³ããããæ°ãããŸããã
ç§ã®ææãšããŠã¯ã
- Gradleã«äŸåæžã
- å
å
ãããFragmentã¯ã©ã¹ãšåã¬ã€ã¢ãŠã
res/navigation/*.xmlã®å®çŸ©- Activityãäœã
- Fragmentã®ã€ã³ã¿ã©ã¯ã·ã§ã³ãç¹ããã
ãã¹ã ãŒãºã§ãã
䜿ã£ãŠã¿ã
䜿ã£ãŠã¿ãããšãããããå
¥åãããæåããã®ãŸãŸè¡šç€ºããã¢ããªããç®æããŸãã
Gradleã«äŸåæžã
ãããžã§ã¯ãã«ãŒãã®build.gradleãžä»¥äžã®ããã«æžããŸãã
buildscript {
...
ext.navigation_architecture_component_version = '1.0.0-alpha01'
...
åãã¡ã€ã«ã®dependenciesãžä»¥äžãè¿œå ããŸãã
buildscript {
...
dependencies {
...
classpath "android.arch.navigation:navigation-safe-args-gradle-plugin:${navigation_architecture_component_version}"
...
ã¢ããªã±ãŒã·ã§ã³ã¢ãžã¥ãŒã«ã®build.gradleåé ã«ä»¥äžãã©ã°ã€ã³ãè¿œå ããŸãã
...
apply plugin: 'androidx.navigation.safeargs'
...
åããã¡ã€ã«ã«äŸåããã©ã€ãã©ãªãè¿œå ããŸãã
dependencies {
...
implementation "android.arch.navigation:navigation-fragment:${navigation_architecture_component_version}"
implementation "android.arch.navigation:navigation-ui:${navigation_architecture_component_version}"
...
æ¬è³ªããå€ããããã©RelativeLayoutã¯don't useã§use ConstraintLayoutãããã®ã§ããã®ãµã³ãã«ã¢ããªã§ã¯ConstraintLayoutã®äŸåãå ããŸãã
...
implementation 'com.android.support.constraint:constraint-layout:1.1.0'
...
å
å
ãããFragmentãäœã
ãã®ãµã³ãã«ã¢ããªã§ã¯ä»¥äžã®ç»é¢ãäœããããªã
- ã¿ã€ãã«ç»é¢
- æåå
¥åç»é¢
- çµæç»é¢ (ãã®ãŸãŸæåã衚瀺ããã)
- ããŒãžã§ã³æ
å ±ç»é¢
ãããã¯äžè¬çãªAndroidã¢ããªã±ãŒã·ã§ã³éçºãšãªããéããç¡ãã®ã§ã詳现ãªè§£èª¬ã¯é£ã°ããŸãã
ãŸããç»é¢é·ç§»ã«é¢ãããã¿ã³ã¯ãªãã¯æã®ã€ã³ã¿ã©ã¯ã·ã§ã³çã¯ãã®æç¹ã§ã¯å®è£
ããŸãããèŠã¯ã
package jp.s64.android.prototype.myechoapplication
import android.os.Bundle
import android.support.v4.app.Fragment
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
class *Fragment : Fragment() {
override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
return inflater.inflate(R.layout.*_fragment, container, false)
}
}
çšåºŠã®èšè¿°ã®ã¿ã§ãã
| TitleFragment |
InputFragment |
 |
 |
| ResultFragment |
AboutFragment |
 |
 |
Google I/Oã®ãµã³ãã«ãèŠãéããåœåèŠåãåŸæ¥ã®fragment_*.xmlãlayout_*.xmlã§ã¯ãªã*_fragment.xmlãšãªã£ãŠããæ¹ãããããã¯ã€ã±ãŠãã¿ããã
res/navigation/*.xmlã®å®çŸ©
ãã¢ã§ããresãã£ã¬ã¯ããªã§navigationãšãããã£ã¬ã¯ããªãäœæãããã®äžã«ä»»æã®ååã®xmlãèšè¿°ããŸããç§ã®å Žåãapp_navigation.xmlãšããŸããã
ããã²ãŒã·ã§ã³ã®å¯Ÿè±¡ãšããFragmentãã²ãšãšããèšè¿°ããŸãã
<navigation ... >
...
<fragment
androidid="@+id/launcher_title"
androidname="jp.s64.android.prototype.myechoapplication.TitleFragment"
androidlabel="@string/title"
toolslayout="@layout/title_fragment" />
<fragment
androidid="@+id/flow_input"
androidname="jp.s64.android.prototype.myechoapplication.InputFragment"
androidlabel="@string/input"
toolslayout="@layout/input_fragment" />
<fragment
androidid="@+id/flow_result"
androidname="jp.s64.android.prototype.myechoapplication.ResultFragment"
androidlabel="@string/result"
toolslayout="@layout/result_fragment" />
<fragment
androidid="@+id/screen_about"
androidname="jp.s64.android.prototype.myechoapplication.AboutFragment"
androidlabel="@string/about"
toolslayout="@layout/about_fragment" />
...
åèŠçŽ ã®android:idã¯é·ç§»å
ãšããŠæå®ããããã®ãªã®ã§ãããšãã°èµ·åæã®ç»é¢ãªãlauncher_*ãªã©ãšããã®ãè¯ãã§ãã
AboutãæäœãããŒããç¬ç«ããç»é¢ãªã®ã§æ«å®çã«screen_*ãšããŸããããã¯ãããŠåœåã®ãã¹ããã©ã¯ãã£ã¹ã¯ãªãã§ãããã...
android:labelã«ã¯æååãŸãã¯stringãªãœãŒã¹ã䜿ããŸããããã¯Toolbarã«è¡šç€ºãããtitleã§ãã
次ã«ã«ãŒãèŠçŽ ã«èµ·åæã®åæç»é¢ãæå®ããŸãã
<navigation
....
appstartDestination="@id/launcher_title">
...
TitleããInputãžé·ç§»ã§ããããã«ããŸãã@+id/launcher_titleã®fragmentèŠçŽ å
ã«actionãè¿œå ããŸãã
<fragment
androidid="@+id/launcher_title"
... >
<action
androidid="@+id/action_launcher_title_to_flow_input"
appdestination="@id/flow_input" />
</fragment>
åæ§ã«ãInputFragmentããResultFragmentãžé·ç§»ã§ããããã«actionãèšè¿°ããŸãã
<fragment
androidid="@+id/flow_input"
... >
<action
androidid="@+id/action_flow_input_to_flow_result"
appdestination="@id/flow_result" />
</fragment>
ResultFragmentãå
¥åãããæåãåãåããããã«ãargumentãå®çŸ©ããŸãã
<fragment
androidid="@+id/flow_result"
... >
<argument
androidname="input_text"
androiddefaultValue="No Input!"
apptype="string" />
</fragment>
Activityãäœã
MainActivityãšã§ãããŠäœæããŸããã¬ã€ã¢ãŠãã¯äŸãã°ä»¥äžã®ããã«ãªããŸãã
xml version="1.0" encoding="utf-8"
<androidsupportconstraintConstraintLayout
xmlnsandroid="http://schemas.android.com/apk/res/android"
xmlnsapp="http://schemas.android.com/apk/res-auto"
xmlnstools="http://schemas.android.com/tools"
androidlayout_width="match_parent"
androidlayout_height="match_parent"
toolscontext=".MainActivityActivity">
<androidsupportdesignwidgetBottomNavigationView
androidid="@+id/bottomNavigation"
androidlayout_width="match_parent"
androidlayout_height="wrap_content"
applayout_constraintBottom_toBottomOf="parent"
applayout_constraintEnd_toEndOf="parent"
applayout_constraintStart_toStartOf="parent"
appmenu="@menu/menu_bottom_navigation" />
<fragment
androidid="@+id/navHost"
androidname="androidx.navigation.fragment.NavHostFragment"
androidlayout_width="match_parent"
androidlayout_height="0dp"
appdefaultNavHost="true"
applayout_constraintBottom_toTopOf="@+id/bottomNavigation"
applayout_constraintEnd_toEndOf="parent"
applayout_constraintStart_toStartOf="parent"
applayout_constraintTop_toTopOf="parent"
appnavGraph="@navigation/app_navigation" />
</androidsupportconstraintConstraintLayout>
ãã€ã³ãã¯NavHostFragmentãç»é¢å
šäœãèŠã£ãŠããããšãšãapp:navGraphã§ããã»ã©ã®xmlãæå®ããŠããããšã
BottomNavigationViewãŸã㯠(DrawerLayoutã§å
ãã ) NavigationView ã䜿ããšãapp:menuã§æå®ããã¡ãã¥ãŒãããããªã«é·ç§»ãããŠãããŸãã
ä»åã€ãã£ãres/menu/menu_bottom_navigation.xmlã®å
容ã§ãã
xml version="1.0" encoding="utf-8"
<menu xmlnsandroid="http://schemas.android.com/apk/res/android">
<item
androidid="@id/launcher_title"
androidicon="@drawable/ic_home"
androidtitle="@string/title"/>
<item
androidid="@id/screen_about"
androidicon="@drawable/ic_info"
androidtitle="@string/about"/>
</menu>
ãã¡ãã®ãã€ã³ãã¯android:idã«æå®ããŠããå
容ãapp_navigation.xmlã®åfragmentã®ãã®ã§ããããšãããã«æå®ãããã®ãåŒã³åºããŠãããŸãã
Activityã®ã³ãŒããæžããŠãããŸãã以äžã®ããã«ãªããŸããã
package jp.s64.android.prototype.myechoapplication
import android.support.v7.app.AppCompatActivity
import android.os.Bundle
import android.support.design.widget.BottomNavigationView
import androidx.navigation.fragment.NavHostFragment
import androidx.navigation.ui.NavigationUI
class MainActivity : AppCompatActivity() {
lateinit var navHost: NavHostFragment
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.main_activity)
navHost = supportFragmentManager
.findFragmentById(R.id.navHost) as NavHostFragment
val bottomNavigation = findViewById<BottomNavigationView>(R.id.bottomNavigation)
NavigationUI.setupActionBarWithNavController(this, navHost.navController)
NavigationUI.setupWithNavController(bottomNavigation, navHost.navController)
}
override fun onSupportNavigateUp(): Boolean {
return navHost.navController.navigateUp() || super.onSupportNavigateUp()
}
}
NavigationUI.setupActionBarWithNavControllerã§ã¿ã€ãã«ãªã©ActionBarããNavigationUI.setupWithNavControllerã§BottomNavigationViewã®ã¯ãªãã¯ã€ãã³ãçãNavHostFragmentã®å
å
ããNavControllerãšç¹ã蟌ã¿ãŸãã
onOptionsItemSelectedã¯ActionBarã®menuããçŽæ¥é·ç§»ãããæçšã®èšè¿°ã§ããå¿
èŠã«å¿ããŠã³ã¡ã³ãã¢ãŠãããŠãã ããã
onSupportNavigateUpã¯ActionBarã§upããéã«ç»é¢ã¹ã¿ãã¯ãpopãããããã«å¿
èŠã§ãããŸããDrawerãå©çšããå Žåã¯ã³ã¡ã³ãã¢ãŠãããŠãããããªèšè¿°ãçšããããšã§å¯èœã§ãã
Fragmentã®ã€ã³ã¿ã©ã¯ã·ã§ã³ãç¹ã蟌ã
åç»é¢ã®ãã¿ã³ã¯ãªãã¯çãç¹ããŸãã
TitleFragmentã¯åã«ä»¥äžã®ãããªèšè¿°ãè¿œå ããã°ååã§ãã
override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
super.onViewCreated(view, savedInstanceState)
view.findViewById<Button>(R.id.button).setOnClickListener(Navigation.createNavigateOnClickListener(R.id.action_launcher_title_to_flow_input))
}
createNavigateOnClickListenerã«ã¯é·ç§»å
fragmentã®idã§ã¯ãªããactionã®idãæå®ããŠããã®ããã€ã³ãã§ãã
察ãInputFragmentã§ã¯æ¬¡ã®ç»é¢ãžå€ãæž¡ãå¿
èŠããããŸããä»åã®å Žåã¯ä»¥äžã®ããã«èšè¿°ã§ããŸãã
override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
super.onViewCreated(view, savedInstanceState)
val editText = view.findViewById<EditText>(R.id.editText)
view.findViewById<Button>(R.id.button2).setOnClickListener {
Navigation.findNavController(it).navigate(
R.id.action_flow_input_to_flow_result,
ResultFragmentArgs.Builder()
.setInput_text(editText.text.toString())
.build()
.toBundle()
)
}
}
ResultFragmentArgsã¯navigation-safe-args-gradle-pluginãèªåçæããŠãããã®ã§ãnavigationã®xmlã«èšè¿°ããå
容ãå
ã«ãªã£ãŠããŸãã
åæ§ã«ãResultFragmentã§ãæž¡ãããå€ã衚瀺ã§ããããã«ããŸãã
override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
super.onViewCreated(view, savedInstanceState)
val args = ResultFragmentArgs.fromBundle(arguments)
view.findViewById<TextView>(R.id.textView).text = args.input_text
}
以äžã§åºæ¬çãªæ©èœã®å®è£
ã¯å®äºã§ãã
ããã¡ãïŒ
ãã£ãŒããªã³ã¯å¯Ÿå¿
app_navigation.xmlå
ã®fragmentèŠçŽ ã«ã以äžã®ããã«èšè¿°ããŸããä»åã¯aboutã«å¯Ÿå¿ãããªã³ã¯ã«ããŸããã
<fragment
androidid="@+id/screen_about"
... >
<deepLink appuri="http://example.com/about"/>
</fragment>
AndroidManifest.xmlã®Activityå
ã«ã以äžã®ããã«èšè¿°ããŸãã
...
<activity androidname=".MainActivity">
...
<nav-graph androidvalue="@navigation/app_navigation"/>
...
</activity>
...
以äžã§å®äºã§ãã
ããã¡ãïŒ
ææ
ãããã
â» ä»åã®ã³ãŒãã¯ãã¡ãã«çœ®ããŸãã
