LoginSignup
1
4

More than 5 years have passed since last update.

Navigation Editor 導入の仕方 android studio3.3

Last updated at Posted at 2019-01-29

Navigation Editorの導入がイマイチ難しい人へ
自分が色んな記事を見ながらなかなか出来なかったので超初心者向けに記述しておきます。

スクリーンショット 2019-01-30 5.26.16.png
こんな開発画面でやりたい!Xcode風にやりたい!って時にどうするか。。

まず普通に新規Project作成
android studioはバージョン3.2以上であること。自分は3.3です。
スクリーンショット 2019-01-30 5.48.19.png

スクリーンショット 2019-01-30 5.50.27.png
Empty Activityを選択します。選択してNextを押す。

名前は自分で分かりやすいものを。写真はNaviTestとしました。
名前入れたらFinishを押す。
スクリーンショット 2019-01-30 5.52.09.png

build.gradleにコードを追加する。まず青色部分をダブルクリックして開く
スクリーンショット 2019-01-30 5.53.52.png

そうすると次の画面が出てきます。右ペインを見てね。
スクリーンショット 2019-01-30 5.54.15.png

下図写真の四角で囲った部分が以下の追加したコード。

dependencies {
def nav_version = "1.0.0-alpha11"
implementation "android.arch.navigation:navigation-fragment-ktx:$nav_version"
implementation "android.arch.navigation:navigation-ui-ktx:$nav_version"
}

上記はkotlin向けです。javaなら「-ktx」と記述されている二箇所を削除してください。

スクリーンショット 2019-01-30 5.55.13.png

追加したら上図写真の右上に青色文字でSync…と書かれている文字をクリック

次にres

スクリーンショット 2019-01-30 5.55.37.png

下図写真の様にFile⇨New⇨Android Resource Fileを選択

スクリーンショット 2019-01-30 5.56.25.png

File nameを写真の様に nav_graph
Resource type は写真の様にNavigationを選択してOKを押す。

スクリーンショット 2019-01-30 5.57.27.png

スクリーンショット 2019-01-30 6.49.21.png
この画像の様になればオッケーだと思います。

1
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
4