Fragment間のレイアウト操作

Question

前提・実現したいこと

あるフラグメントAからフラグメントBのレイアウトを操作する方法が知りたいです。

MainActivity上でFirstFragment、SecondFragmentがあります。このとき、FirstFragmentからSecondFragmentのレイアウト内のTextViewの中身を変更したいです。その手法を教えていただきたいです。

該当のソースコード

MainActivity

lass MainActivity : AppCompatActivity() {

    private lateinit var firstFragment: FirstFragment
    private lateinit var secondFragment: SecondFragment

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        firstFragment = FirstFragment()
        secondFragment = SecondFragment()

        val transaction = supportFragmentManager.beginTransaction()
        transaction.add(R.id.fragment_conteiner, firstFragment)
        transaction.commit()

        bottom_nav.setOnNavigationItemSelectedListener {
            when (it.itemId) {
                R.id.home -> {
                    switchFragment(firstFragment)
                    true
                }
                R.id.chat -> {
                    switchFragment(secondFragment)
                    true
                }
                else -> {
                    true
                }
            }
        }
    }

    fun switchFragment(fragment: Fragment) {
        val transaction = supportFragmentManager.beginTransaction()
        transaction.replace(R.id.fragment_conteiner, fragment)
        transaction.commit()
    }
}

FirstFragment

class FirstFragment : Fragment() {
    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        return inflater.inflate(R.layout.fragment_first, container, false)
    }
}

SecondFragment

class SecondFragment : Fragment() {
    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        return inflater.inflate(R.layout.fragment_second, container, false)
    }
}

レイアウト
FirstFragment

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".fragment.FirstFragment">

    <TextView
        android:id="@+id/first_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="First Fragment"
        android:textSize="30sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/first_fragment_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Ami"
        android:textSize="30sp" />

</LinearLayout>

SecondFragment

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".fragment.FirstFragment">

    <TextView
        android:id="@+id/second_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Second Fragment"
        android:textSize="30sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/second_fragment_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Kenta"
        android:textSize="30sp" />

</LinearLayout>

FirstFragmentから、SecondFragmentのレイアウト内のKentaという文字列を変更したいです。

補足情報（FW/ツールのバージョンなど）

• この質問で知りたいことは、あるフラグメントから別のフラグメントのレイアウトを変更する方法です。
• ViewModelを経由して、値を変更することはなしでお願いします。あくまでも、FirstFragmentのonViewCreated()内でレイアウトを操作したいです。このような手法は存在しないんでしょうか？
• 2つのフラグメントを保持しているアクテビティにインターフェースを実装すれば良いという事柄をネットで見たことがあるのですが、具体的にどのようにコードを書けばよいのかが、分かりません。

Comments

[jimbe]

差し支えなければ、なぜこのようなことが必要になったのか教えて頂けますか。

[_kei]

コメントありがとうございます。
結論から申し上げますと、「必要になったわけではありません」
フラグメントAからフラグメントBのレイアウトを操作する方法としてどのようなものがあるのか気になったため、質問させていただきました。

「2つのフラグメントを保持しているアクテビティにインターフェースを実装すれば良い」ということがどのようにコードを書けばよいのか気になったことも質問した理由の一つです。

しかし、このようなレイアウト操作が可能であれば、どのフラグメントからどのフラグメントのレイアウトを変更するのかなど管理が大変そうだと思いました。

[jimbe]

なるほど、ありがとうございます。

Answer 1

個人的には「あるフラグメントから別のフラグメントのレイアウトを変更」自体を直接コードで行わないほうが良い、と思います。

ざっくりイメージですが、アクティビティやフラグメントは勝手に生成・消滅を繰り返すような不安定なモノです。
そのような中で相手の存在を前提とした処理を行っていると、何かの拍子に「相手が居なかった」と成りかねません。
その為に ViewModel のように長いライフサイクルを持つものが出来、データの取得を"表示側が主体で行う"という形が出来てきたものと思います。

ViewModel を使用であれば、Second の TextView の表示は、モデルがデータを持ち、Second がそれを表示し、First がそれを変更する…という"だけ"のことです。
わざわざ First が Second の存在を気にする必要はありません。
そしてそれは恐らく、2つのフラグメントが共通のオブジェクトを介してデータを扱うという点で、「2つのフラグメントを保持しているアクテビティにインターフェースを実装すれば良い」という形と似ているのではないでしょうか。

Comments

[_kei]

相手の存在を前提とした処理を行っていると、何かの拍子に「相手が居なかった」と成りかねません。

この部分納得しました。

「2つのフラグメントを保持しているアクテビティにインターフェースを実装すれば良い」を実装しているサンプルコードなど、ネットに落ちている場合は教えていただけないでしょうか。

[jimbe]

> 実装しているサンプルコード
すみません、「これです」とご提示できる情報は持ち合わせておりません。

ただ、フラグメントは onAttach で アクティビティと繋がったことを検知出来ます。ですので、その際のアクティビティの参照を(必要なインターフェースの実装としてキャストして)保存しておき、任意の時点でそれを呼び出すようにすることは可能でしょう。(もしかすると"フラグメントは有るのにアタッチしたアクティビティが(デタッチされていないのに)存在しなくなった"なんていう状況は…。)

"android fragment 連携" 等で検索してみては如何でしょうか。