【はじめてのKotlinプログラミング(33)】Fragmentでリストタッチアプリ～Fragment同志のデータのやりとり、画面遷移～

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
    tools:context=".MainActivity">

    <androidx.fragment.app.FragmentContainerView
        android:id="@+id/fcvMain"
        android:name="com.example.fragmenttouchapp.Fragment1"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

<?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="horizontal"
    tools:context=".MainActivity">

    <androidx.fragment.app.FragmentContainerView
        android:id="@+id/fcvLand1"
        android:name="com.example.fragmenttouchapp.Fragment1"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1" />

    <androidx.fragment.app.FragmentContainerView
        android:id="@+id/fcvLand2"
        android:name="com.example.fragmenttouchapp.Fragment2"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1" />

</LinearLayout>

package com.example.fragmenttouchapp

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle

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

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
    tools:context=".SecondActivity">

    <androidx.fragment.app.FragmentContainerView
        android:id="@+id/fcvSecond"
        android:name="com.example.fragmenttouchapp.Fragment2"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

package com.example.fragmenttouchapp

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle

class SecondActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_second)
    }
}

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".Fragment1">

    <ListView
        android:id="@+id/lv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:layout_editor_absoluteX="1dp"
        tools:layout_editor_absoluteY="1dp" />

</androidx.constraintlayout.widget.ConstraintLayout>

package com.example.fragmenttouchapp

import android.content.Intent
import android.os.Bundle
import androidx.fragment.app.Fragment
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.ArrayAdapter
import android.widget.ListView


class Fragment1 : Fragment() {

    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        // Inflate the layout for this fragment
        //return inflater.inflate(R.layout.fragment_1, container, false)
        //1)XMLからインフレート（流し込み）された画面を変数に代入
        val screen1 = inflater.inflate(R.layout.fragment_1, container, false)

        //2)ListViewを取得（idで）
        val lv:ListView =screen1.findViewById(R.id.lv)
        //３）表示させるタイトルを配列で用意
        val arrayTitle = arrayOf("タイトル０","タイトル１","タイトル２","タイトル３","タイトル４")
        //４）アダプター（ArrayAdapter）へ格納
        val adapter = ArrayAdapter(
            requireContext(),
            android.R.layout.simple_list_item_1,
            arrayTitle
        )
        //５）「４」を、ListViewのアダプターにセット
        lv.adapter = adapter
        //１２）自分が所属するアクティビティからFragment2を入れ込むidを取得
        val fcvLand2 = requireActivity().findViewById<View>(R.id.fcvLand2)
        //１３）fcvLand2が存在しない(null)なら
        if(fcvLand2 == null){
            //通常のタテ画面⇒intentで画面を渡す（8番）
            lv.setOnItemClickListener { _, _, i, _ ->
                //９）intentで画面を渡す、putExtraで値を渡す
                val intent = Intent(requireContext(),SecondActivity::class.java)
                intent.putExtra("POSITION",i)
                startActivity(intent)
            }
        }else{
            //ヨコ画面
            //１４）アイテムを押されたら（行番号を取得）
            lv.setOnItemClickListener { _, _, i, _ ->
                //１５）渡すデータを梱包するBundleオブジェクトを生成
                val bundle = Bundle()
                //１６）Bundle（梱包用の箱）に、渡すデータを入れる（intentでいうputExtra）
                bundle.putInt("POSITION",i)
                //１７）渡す先（Fragment2）を生成して、値を格納（データを受け渡す作業）
                val fragment2 = Fragment2()
                fragment2.arguments = bundle
                //１８）画面の切り替え処理
                //（値を渡したら）遷移先のフラグメントの画面を切り替えてください
                requireActivity().supportFragmentManager.beginTransaction()
                    .replace(R.id.fcvLand2,fragment2)
                    .commit()

            }
        }
        //８）アイテムを押したら、押した番号を⇒intentで渡す


        //1)ここまでに処理された画面を、戻り値として返す
        return screen1
    }
}

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
    tools:context=".Fragment2">

    <TextView
        android:id="@+id/tvMessage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextMessage"
        android:textSize="20sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

package com.example.fragmenttouchapp

import android.os.Bundle
import androidx.fragment.app.Fragment
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.TextView


class Fragment2 : Fragment() {
    //１９）ヨコ画面かどうかの判断
    private var ls = true

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        //（フラグメントが生成されたら）アクティビティからフラグメント１のidを取得
        val fcvLand1 = requireActivity().findViewById<View>(R.id.fcvLand1)
        //フラグメント１が存在しないなら
        if(fcvLand1 == null){
            ls = false //ヨコ画面ではない（＝タテ画面）
        }
    }

    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        // Inflate the layout for this fragment
        //return inflater.inflate(R.layout.fragment_2, container, false)
        //６)XMLからインフレート（流し込み）された画面を変数に代入 + id取得
        val screen2 = inflater.inflate(R.layout.fragment_2, container, false)
        val tvMessage :TextView = screen2.findViewById(R.id.tvMessage)
        //７）メッセージ配列を用意
        val arrayMessage = arrayOf("Message0","Message1","Message2","Message3","Message4")
        //２０）ヨコ画面(ls)の場合、そうじゃない場合
        if(ls){
            //ヨコ画面
            //２１）値を受け取る
            val args = requireArguments()
            val argsPosition =args.getInt("POSITION")
            //２２）arrayMessage配列の[argsPosition]番目を表示
            tvMessage.text =arrayMessage[argsPosition ]
        }else{
            //相方（fcvLand1）が存在しないならタテ画面
            //９)⇒１０）渡された値（タッチされが行番号）を受け取る
            val itemPosition = requireActivity().intent.getIntExtra("POSITION",0)
            //１１）配列の[itemPosition]番目をTextViewに表示
            tvMessage.text =arrayMessage[itemPosition]
        }

        //６)ここまでに処理された画面を、戻り値として返す
        return screen2
    }
}