Fragment間で値をやり取りする方法

前提・実現したいこと

Android開発初心者です。Android開発において、Frgament間で画像をやり取りしようとしています。

具体的には、

1.あるFragment（以下A）のImageViewから画像を取得し、DialogFragment()を継承したカスタムダイアログのFragment（以下B）を開く。（このとき取得した画像を渡す）

2.BにてAから渡された画像をBのレイアウト内のImageViewに表示する。

3.Bにてギャラリーを開き任意の画像を選択する。

4.ギャラリーから選択された画像をBのレイアウト内のImageViewに表示する。

5.Bにてカスタムダイアログの「ok」ボタンが押されたら、その画像をAに渡し、そのレイアウトのImageViewに表示する。

をしようとしています。

このとき、画像をFragment間でやり取りする手法はどのようなものが良いと考えますか？（＝Fragment間でデータをやり取りする際に、画像はどのように取り扱えばよいですか。）

試したこと・考えたこと

以下の3つの手法を考えました。

Bundle()を使う。（Bitmapをargumentとして渡すそうとしたが、容量の関係で発生したエラーを解決することができず断念）
ViewModelを使う。（ViewModel内でImageViewからBitmapを取得する方法などそもそものコードの書き方が不明であったため断念）

3.setFragmentResult と setFragmentResultListener を使う。（String型のデータのやり取りはできたが、画像の取り扱い方が分かりませんでした。）

これらの方法は以下の記事を参考にして考え、試みました。String型のデータだと上記の方法で実装できましたが、画像となると実装することができませんでした。

【Android】Fragment間で値をやりとりする

jimbe

2021/07/10 19:16

ギャラリーから画像を選択したのであれば、 URI があるのではないでしょうか。カスタムダイアログの OK が押されたらその URI を別フラグメントに渡し、フラグメント側でその URI で再度画像を取得するのは如何でしょうか。

_kei

2021/07/10 20:15 編集

コメントありがとうございます。また、説明文をより具体的にしました。コメントの「その URI で再度画像を取得する」という作業はGlideなどを使用し、ImageViewに表示するということでしょうか？理解力がなく申し訳ございません。コメントの主旨はString型のURIをFragment間でやり取りすればよいということでしょうか。その場合、1のImageViewからURIで画像を取得できないと思いますが、可能でしょうか。ご返信いただければ幸いです。よろしくお願いいたします。

hoshi-takanori

2021/07/10 21:20

こちらの方法はいかがでしょうか？ https://tech.mokelab.com/android/Fragment/result.html

_kei

2021/07/11 01:29

hoshi-takanori様コメントありがとうございます。 setFragmentResult と setFragmentResultListener を使う方法でString型のデータはやり取りすることができました。しかし、画像をやり取りする方法が分かりませんでした。この質問は「Fragment間で値をやり取りするとき、画像をどのように取り扱えばよいか」ということが質問したいです。質問文の書き方が悪く申し訳ございません。

jimbe

2021/07/11 04:48

> 1.あるFragment（以下A）のImageViewから画像を取得しこの画像の取得はどのように行っているのでしょうか。ファイルなりネットなりからであればファイルパスなりURIなりがあると思いますので、画像自体では無くそれらを用いては如何でしょう。もし「フラグメントAはお絵描きツールで、画像はユーザが自由に書いたものでありパスやURIは無い」というようなことであれば、ViewModel のような共有の仕組みを使うのが良さそうに思いますし、何なら一旦テンポラリファイルに落してそのパスを渡すというのも有りかもしれません。ビットマップをそのままあちこちにパラメータとして渡していくというのは悪手と感じます。これ以上は、実際のコードをご提示頂いたほうが具体的ですので、宜しければコードの追記をお願い致します。

_kei

2021/07/11 05:11 編集

jimbe様ご返信ありがとうございます。 binding.profileImg.drawable.toBitmap() のようにImageViewを取得しています。その後、このBitmapをBに渡しています。「ビットマップをそのままあちこちにパラメータとして渡していくというのは悪手と感じます。」この内容によると、上記の方法は良くないですね。なお、今回はプロフィール編集機能を実装しようとしており、ユーザがImageViewに設定した画像を取得し、Bに渡す必要があります。String型のユーザ名はsetFragmentResult と setFragmentResultListener で実装できたので、この方向性は変更したくないと考えております。

jimbe

2021/07/11 11:30

> binding.profileImg.drawable.toBitmap() この binding がどう扱えるのか等も実際のコードから分かるかと思います。ビットマップ～悪手というのはあくまで個人的な考えです。例えば(大きな)絵画を書いたとして、それを家族や友人に見て欲しいと思った時、それを持ってそれぞれの人を訪ねて回るのが簡単か大変か…ということです。 > String型のユーザ名はsetFragmentResult と setFragmentResultListener で実装できたので、この方向性は変更したくないお気持ちは分からなくは無いですが、(何かと扱い易い) String 型に合わせる為に Bitmap が扱い難くなってしまっては本末転倒ではないでしょうか。 String 型であるユーザ名はどうとでもなるので Bitmap をうまく扱う方法が決まってからユーザ名の扱いを決める…ぐらいの転換もあっても良いように思います。

_kei

2021/07/11 11:58

jimbe様丁寧なアドバイスをくださりありがとうございました。 > お気持ちは分からなくは無いですが～実装方法を再度考え直したいと思います。 ImageViewに表示されている画像をどのように取得するのかの知識が不明なため、引き続き調査を続けたいと思います。

行動規範の内容に同意します

回答1件

この認識は近いでしょうか？

FragmentA(渡す側)

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {

    super.onViewCreated(view, savedInstanceState)
    val xx : Int = R.color.black
   
    binding.disbtn.setOnClickListener{onToTap(xx)}
}
private fun onToTap(gg:Int) {
    val fragment = FragmentB()
    setFragmentResult("KEY1", bundleOf(
        "result1" to gg
    ))
    parentFragmentManager.beginTransaction()
        .addToBackStack(null)

            //fra_frameはactivity_main.xml内のFrameLayoutのid
        .replace(R.id.fra_frame, fragment)
        .commit()
}

FragmentB (受け取る側)

override fun onCreateView(

    inflater: LayoutInflater, container: ViewGroup?,
    savedInstanceState: Bundle?
): View{
    
   val view = inflater.inflate(R.layout.fragment_b, container, false)

    setFragmentResultListener("KEY1"){ requestKey, bundle ->
        val result2 = bundle.getInt("result1")

       //imageB はFragmentB のレイアウト内のImageViewのid
        view.imageB.setBackgroundResource(result2)
    }

投稿2022/06/09 12:41