[Android] Fragment から別の Fragment に画面遷移させてみる

ActivityからFragmentを起動させて戻る設定を前回はやってみましたが、Fragmentから別のFragmentへ遷移させる方法を試してみます。
 
fragment fragment 02 - [Android] Fragment から別の Fragment に画面遷移させてみる

Android Studio 3.5.3
API 29

 



Fragment から Fragmentへ遷移

 
FragmentからFragmentへの画面遷移ですが、以下の動画のような動きをさせてみました。
 

 
これは、BackStackに状態を保存しながらカウントアップで2つのFragmentを遷移させています。

  • ActivityからFragment01を表示
  • Fragment01からFragment02へ遷移: 0 (カウンター)
  • Fragment02からFragment01へ遷移: 1
  • Fragment01からFragment02へ遷移: 2
  • Fragment02からFragment01へ遷移: 10

BackStackを使って戻ります

  • Fragment01からFragment02へ戻る: 9
  • Fragment01からFragment02へ戻る: 1
  • Fragment02からFragment01へ戻る: 0
  • Fragment01からActivityへ戻る

fragment fragment 01c - [Android] Fragment から別の Fragment に画面遷移させてみる
 
このような動きができるように設定してみましょう。
 

 

BackStack

 
前回はActivityからボタンタップでFragmentを表示させ、パラメータを渡しました。
 

cat63 00 100x100 - [Android] Fragment から別の Fragment に画面遷移させてみる
FragmentをActivityからコードで設定してHello Worldを表示させてみましたが、今度はActivityからFra...

 
今回は2つのFragmentを遷移させますが、基本的なところは同じです。
 
バックスタックを使って積み上げたスタックを戻る操作にはpopBackStack()を使います。
 

 
popBackStack には他にも使い方があります。
 
ところでpopという意味が?だったのですが
ハッカーの俗語として
データをスタック(stack)から取り出す、リストから削除する
などの意味があるそうです。

 

サンプルコード

 
ActivityからFragmentをトランザクションで起動させます。
MainActivity.java

 
Activityから最初に起動するFragmentです。Activityからカウントするためのcounterを渡しています。

Fragment01.java

 
Fragment01から遷移するFragment02です。

Fragment02.java

 
Activityのレイアウトです。FrameLayoutのcontainerにFragmentを張り付けます。
activity_main.xml

 
Fragmentのレイアウト
fragment01.xml

 
fragment02.xml

 
strngs.xml

 
 
関連ページ:

 
References:
androidx.fragment.app | Android Developers
FragmentTransaction
フラグメント | Android Developers

誤字脱字、意味不明で分からにゃイ、
などのご意見はこちらから mailフォーム

ブックマークしておくと便利です このエントリーをはてなブックマークに追加




アプリ開発が上達するお勧め

アプリ開発を始めたけどわからないところがあり、誰かに聞きたいけど周りにはそんな人はいない…あるいは、会社で働いていて日中そんなに時間をとれないなど、オンラインのプログラミングスクールがいいでしょう。

オンラインスクールは色々ありますが、以下の3つはAndroidが学習できる老舗スクールです。


TECH ACADEMY
Androidアプリコース


こういうものではアプリ作れないと言う意見もありますが、それは結局本人のやる気があるかないかです。やる気があっても独学では突破しにくいところは教えてもらうのが一番早い。


侍エンジニア塾
侍エンジニア塾 無料体験レッスン


とても簡単なことなのに本やネットの画像だけでは分かりにくいことはあります。実際に質問してピンポイントで教えてもらうと、なんだそんなこと、と言うのがけっこうあります。


CodeCamp
~約8,000名の受講生と80社以上の導入実績~
現役エンジニアのオンライン家庭教師CodeCamp




直接(ネットで)誰か分かる人に聞いた方が早く解決して、上達も早いと思います。


Google Pixel 4 / 4 XL
Android 10 搭載


シェアする

  • このエントリーをはてなブックマークに追加

フォローする