Navigationとはなんなのか【AndroidStudio】

 昨日の続き、

(テンプレート)BasicActivityに含まれるナビゲーション(？)ってやつを見つけたので

何者なのかをザックリ調べてみました。


ナビゲーション

ナビゲーションとは、ユーザーがアプリ内のさまざまなコンテンツ間を移動する操作を指します。Android Jetpack の Navigation コンポーネントは、単純なボタンクリックから、アプリバーやナビゲーション ドロワーなどの複雑なパターンまで、さまざまなナビゲーションを実装するのに役立ちます。また、Navigation コンポーネントは、確立された原則のセットに従うことにより、一貫性のある予測しやすいユーザー エクスペリエンスを保証します。

https://developer.android.com/guide/navigation?hl=ja


公式ドキュメントを読んだざっくりの理解。

ナビゲーションを使うことで、画面(Framgment)の遷移を管理することができる。

ナビゲーションは3つの要素で構成されていて、

・Navigation Graph（ナビゲーショングラフ）

　→ナビゲーションに関連した情報を集約したXMLファイル

・NavHostFragment（ナビゲーションホストフラグメント）

　→ナビゲーションされた情報を表示するための元（フレームみたいなもの？）

・NavControlloer（ナビゲーションコントローラー）

　→Navigationをコード上で使用するためのクラス

　　NavControllerを使って遷移時の引数の受け渡しなど制御が可能。


画面遷移部分を包括して管理、実装できる機能になっているみたいで

Navigationを使用することで画面のデザインから、各画面への遷移を最小限のプログラムで実装し、イメージを作ることが非常に簡単になるのかなと感じた。

　※モックアップっていうのかな？

また、画面遷移時のアニメーションについてもこのナビゲーションを使って実装ができるとのこと（詳しくはまた今度調べてみます。）


いろいろ文献を見ると、Activityをたくさん作って、画面遷移をさせることはもちろん可能だけど

似たようなレイアウトや遷移時のアニメーション管理をしたい場合にはFragmentを用いて

Navigationによる画面遷移(引数の受け渡し)を実装するのが今は主流なのかな。

（歴史的には、画面ごとにActivityを作って遷移→Activity内にFragmentを配置して画面表示の自由度を拡張→Navigationを使用して表示要素の画面遷移やアニメーションを管理できるようになった。って感じの理解）


一通り眺めた感想としては、機能を重視する業務用のアプリケーションであればアニメーション設定などは不要だろうから、Navigationを使用するメリットはパッと考え付かないけど、一般向けのアプリケーションとなるとUIに関する部分は重要になるのでアニメーション管理などNavigationを利用するメリットはより大きくなるんだろうなぁって感じました。


正確な理解は実際に手を動かしながら深めていきたいと思います。

そろそろ実際に手を動かしながらアプリを作ってみよかな。


以上、本日の記録。


コメント

コメントを投稿

このブログの人気の投稿

Activity上に配置されたToolbarをFragment上から変更し、イベントを拾う方法【AndroidStudio】

イメージ
Activity内にNaviationを使用したFragmentの遷移を実装していると FragmentごとにActivity上のToolbar(メニュー)を書き換えたいと思いました。 ※FragmentごとにToolbarを配置する方法もあると思いますが、 　あえてActivity上のToolbarをFragmentから変更しメニュー選択時の処理を記載してみました。 結論。 テンプレート(BasicActivity)を参考に、Activity上で記載している[onCreateOptionsMenu],[onOptionsItemSelected]をFragment上に記載すれば実装できます。 ①ActivityでToolbarを有効化します。※テンプレートのまま Toolbar toolbar = findViewById(R.id. toolbar ) ; setSupportActionBar(toolbar) ; ②Fragment内で[setHasOptionsMenu()]を有効化にし、 [onCreateOptionsMenu],[onOptionsItemSelected]を記載するだけです。 public void onViewCreated ( @NonNull View view , Bundle savedInstanceState) { super .onViewCreated(view , savedInstanceState) ; // ** 重要 ** // 設定しないと [onOptionsItemSelected] が実行されない setHasOptionsMenu( true ) ; } @Override public void onCreateOptionsMenu ( @NonNull Menu menu , @NonNull MenuInflater inflater) { // menu レイアウトの指定 inflater.inflate(R.menu. menu_first , menu) ; } @Override public boolean onOptionsItemSelected (MenuItem item){ int id = item.getIt...
続きを読む

AlertDialogのボタンをカスタマイズする【AndroidStudio】

イメージ
 今回やること。 何かとメッセージ表示に使う、AlertDialogのボタンの色を変えてみます。 ※themes.xmlを使った変更をやっていきます。 ■MainActivity.java new AlertDialog.Builder( this, R.style. CustomAlertDialog ) .setTitle( "Title" ) .setMessage( "Message...." ) .setPositiveButton(android.R.string. ok , null ) .setNegativeButton(android.R.string. cancel , null ) .show() ; 　・ダイアログ作成時に、第2引数にスタイルをしてしてあげます。 ■themes.xml <style name ="CustomAlertDialog" parent ="ThemeOverlay.AppCompat.Dialog.Alert" > <item name ="buttonBarPositiveButtonStyle" > @style/AlertDialog.PositiveBtn </item> <item name ="buttonBarNegativeButtonStyle" > @style/AlertDialog.NegativeBtn </item> </style> <style name ="AlertDialog.PositiveBtn" parent ="Widget.AppCompat.Button.ButtonBar.AlertDialog" > <item name ="android:textColor" > #FFFF5050 </item> </style> <style name =...
続きを読む

レイアウトファイル上にIDが重複している場合の検索と、その有用性について【AndroidStudio】

イメージ
 例えばカレンダーのように、1つの画面に同じ要素が複数存在する場合。 レイアウト(XML)ファイル上に42個、せこせこ書いていくのは流石にかっこ悪いので 要素を１つのXMLファイルにして、レイアウト上に挿入(include)してみるのは自然なことだと思います。 <include layout ="@layout/content_calender_cell" /> <include layout ="@layout/content_calender_cell" /> <include layout ="@layout/content_calender_cell" /> <include layout ="@layout/content_calender_cell" /> <include layout ="@layout/content_calender_cell" /> <include layout ="@layout/content_calender_cell" /> ちなみに、カレンダーであれば月が替われば配置された要素の日付表示は変えたいですし 他の場合も挿入した要素内の中身をプログラム上から変更したいことが多々発生します。 しかし、挿入した要素は同一のXMLファイルのため、表示されているTextViewは同じIDを保持しているため単純に[view.findViewById(日付テキスト)]を使ってもうまく取得できません。 何か方法がないかと調べてみると、XMLファイル上で挿入時にIDが指定できること、 更に、[view.findViewById(親要素).findViewById(日付テキスト)]てな感じで検索することができることがわかりました。 　参考： レイアウトを使いまわす - 他に定義したレイアウトを読み込ませる方法 つまり、レイアウトファイルの挿入時にIDを指定して <include layout ="@layout/content_calender_cell" android :id ="@+id/cal_view_da...
続きを読む