幸福なプログラマ

プログラマは幸福になれる。

Navigation Architecture Component を使えるようにする

Google I/O 2018 でAndroid Studioの新機能、Navigation Architecture Componentが発表されました。

どうやらXcodeで言うところのStoryBoardのようなものらしいです。iOS開発をしたことがないので一つもピンときていません。

とりあえず、Navigation Architecture Componentを使えるようにするところまでやってみたいと思います。

1. Android Studio 3.2をインストールする

  • 3.2以降でしか使えないらしいので、こちらからインストールします。
    • 3.3もあるけど、Googleのドキュメント類は3.2準拠っぽいのでよくわからない人は大人しく3.2インストールした方がいいです。

2. build.gradedependencies 更新

プロジェクトを作成し、 build.gradedependencies に以下の記述追加

def navigationVersion = '1.0.0-alpha05'
implementation "android.arch.navigation:navigation-fragment:$navigationVersion"
implementation "android.arch.navigation:navigation-ui:$navigationVersion"
  • バージョンは現時点のものなので、都度最新を確認してください。

3. Android StudioのNavigation Editor機能を有効にする

  • Android Studio > Preferences (windowsの場合は Settings) から Experimental を選んで Enable Navigation Editor にチェックを入れる f:id:javabayashi:20180912212045p:plain

4. Navigationファイルを作る

  • Navigationファイルというものを作って、その上にポンポンとレイアウトを配置していくイメージのようです。
  • Android Studiores ディレクトリ上で右クリックし、New > Android Resource File を選択します。
  • リソース作成ダイアログが表示されるので、ファイル名適当、 Resource typeNavigation にしてOKボタンを押します。
    • Navigation が選択肢にない人は手順3の設定見直してAndroid Studio再起動したら出てくるかもしれないです。
    • Root elementDirectory name はデフォルトでいいです。
  • OKボタンを押すと res 配下に navigation ディレクトリが作成され、その中に先ほど指定した名前でNavigationファイルが作成されています。

これでNavigation Architecture Componentを使う準備が整いました。 Navigation Architecture Componentの使い方については追々記事にしていければと思います。

参考 Implement navigation with the Navigation Architecture Component  |  Android Developers