Android – 下部ナビゲーションで新しい画面に遷移する

最終更新日

ページ番号: 1 2 3

■「←」を消す

・コード修正

これは「MainActivity.kt」で画面生成時の処理を修正します

【修正前】
広告

onCreate()の中で、15-17行目のAppBarConfiguration()メソッドに、新しく追加した「R.id.navigation_newitem」を登録する(下図の赤線)だけで、「←」ボタンを消すことができます

15~17行目
【修正後】

・画面を確認する

画面を確認する
画面を確認する

戻るボタン(「←」)消えましたねー!

■画面に表示する文字列の修正

フラグメントを作る際に、「フラグメント (ViewModel 付き)」を選択したので、クラスファイルも以下の2つが用意されています

  • フラグメント:NewItemFragment.kt
  • ViewModel:NewItemViewModel.kt

・NewItemFragment.kt

まずは、自動作成されたフラグメントのクラスファイルを見てみましょう

5行目:フラグメントを継承したサブクラスとしてのNewItemFragmentのクラス宣言ですね

5行目

7~9行目:インスタンスの生成をしていますが、他のフラグメントのクラスファイルでは、記載されていない処理になります

7~9行目

11行目:もう一つのクラスファイルであるViewModelのオブジェクトを取得するため、NewItemViewModel型の変数宣言です

11行目

13~19行目:これはViewが生成された際に呼び出されるメソッドで、画面が表示される前に呼び出される処理を記載するメソッドですが、推奨としては、レイアウトのinflateだけを行うのがよいそうです!

13~19行目

※ちなみに

先に記載したクラス宣言の5行目で以下のように記載することで、上記のonCreateView()メソッドのinflateは不要だそうです!

ちなみに

つまり、onCreateView()メソッドでinflateしかしないのなら、onCreateView()メソッドそのものが不要ということ!!!

21~25行目:で、onCreateView()メソッドの代わりに初期化処理をするのが、このonActivityCreated()メソッドなんだそうです!

でも「バージョン 1.3.0-alpha02」ではonActivityCreated()メソッドは非推奨になったとあり、onViewCreated()メソッドを使うそうだ!

lateinitで宣言されたViewModelの変数もここで初期化していますね

21~25行目

そして、TODOのコメントがある通り、ここで画面のtextを更新する処理を設定します

単純に書けばいいのではなく、ViewModelが存在しているので、ViewModel内でtextに設定する文字列を宣言して、その変数をフラグメントで使用するというのが、正しい使い方になります

※ちなみに

HomeFragment.ktはこんな感じ

HomeのonCreateView()メソッドでやってる処理をNewItemでは、onViewCreated()メソッドでやればいいだけです

広告

・NewItemViewModel.kt

それでもViewModelの方も見てみましょう

実にシンプルw

とりあえず、TODOに欲しいものを書けばいい感じです!

※ちなみに

HomeViewModel.ktはこんな感じなので、これは合わせ込みにいけばよいかと思いますね

・クラスファイルのソース修正

下部ナビゲーションは画面をフラグメントで作成しているので、フラグメントのクラスファイルを先に説明したのですが、実際にはViewModelありきのフラグメントなので、修正は以下の順で行います

  1. ViewModel:NewItemViewModel.kt
  2. フラグメント:NewItemFragment.kt

1. ViewModel:NewItemViewModel.kt の修正

今回はtextだけなので、深く考えずに、homeをベースに同じように修正します

home

homeからこの部分を持ってきて、textにセットする文字列を変えるだけですね!

【修正後】

2. フラグメント:NewItemFragment.kt の修正

何度も言うように、今回はtextの書き換えだけですので、homeのソースを真似ますw

home

homeで行っていたrootは、onViewCreated()メソッドでは、引数のviewで入ってくるので、それ以外はそのままで大丈夫ですね

【修正後】

不要なものは取っ払って、実現に必要なソースのみを記載します

・画面を確認する

画面を確認する
画面を確認する

無事に文字列が変更されることが確認できました!

■最後に

無事に下部ナビゲーションの修正が完了しました!

Windows10で動画が撮れるようになったので、かなり便利っす!w

次は、今回修正した下部ナビゲーションをベースに以下のような修正をしてみたいですねー

  • フラグメントにボタンを設置する
  • ボタン押下で文字列を変更する

ではでは

シェア
ページ番号: 1 2 3
広告

やもす ʕ•͡-•ʔ

のんびり!のほほん!がモットーです!w 蕎麦食いたい ライブ行きたい 暑いの嫌い