Android Studioでタブの内部に配置したボタンクリックで画面遷移をしたい

前提・実現したいこと

タブの内部のボタンをクリック時に画面遷移するようにしたい。
タブ切り替えで別々のビューを表示する機能は出来ています。

※エラー解決で進行があったため下部の方で進行内容を追記しました。

発生している問題・エラーメッセージ

E/AndroidRuntime: FATAL EXCEPTION: main
    Process: microwave.net.pgm.golfcoursereservationapp.dev, PID: 7420
    java.lang.IllegalArgumentException: No view found for id 0x7f090160 (microwave.net.pgm.golfcoursereservationapp.dev:id/nav_host_fragment_activity_main) for fragment NormalCalendarFragment{2992b3a} (c4bbb1f4-2e63-4dc0-a57c-03548fd9f9e6) id=0x7f090160}
        at androidx.fragment.app.FragmentStateManager.createView(FragmentStateManager.java:315)
        at androidx.fragment.app.FragmentManager.moveToState(FragmentManager.java:1187)
        at androidx.fragment.app.FragmentManager.moveToState(FragmentManager.java:1356)
        at androidx.fragment.app.FragmentManager.moveFragmentToExpectedState(FragmentManager.java:1434)
        at androidx.fragment.app.FragmentManager.moveToState(FragmentManager.java:1497)
        at androidx.fragment.app.BackStackRecord.executeOps(BackStackRecord.java:447)
        at androidx.fragment.app.FragmentManager.executeOps(FragmentManager.java:2169)
        at androidx.fragment.app.FragmentManager.executeOpsTogether(FragmentManager.java:1992)
        at androidx.fragment.app.FragmentManager.removeRedundantOperationsAndExecute(FragmentManager.java:1947)
        at androidx.fragment.app.FragmentManager.execPendingActions(FragmentManager.java:1849)
        at androidx.fragment.app.FragmentManager$4.run(FragmentManager.java:413)
        at android.os.Handler.handleCallback(Handler.java:938)
        at android.os.Handler.dispatchMessage(Handler.java:99)
        at android.os.Looper.loop(Looper.java:223)
        at android.app.ActivityThread.main(ActivityThread.java:7656)
        at java.lang.reflect.Method.invoke(Native Method)
        at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:592)
        at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:947)

該当のソースコード

・TabtopPageFragmentファイル

kotlin
1import android.os.Bundle
2import android.util.Log
3import android.view.LayoutInflater
4import android.view.View
5import android.view.ViewGroup
6import android.widget.Button
7import androidx.fragment.app.Fragment
8import microwave.net.pgm.golfcoursereservationapp.NormalCalendarFragment
9import microwave.net.pgm.golfcoursereservationapp.R
10
11
12class TabHomeNormalFragment(context: Context): Fragment(){
13
14    private var _viewTabItem : View? = null
15
16    override fun onCreateView(
17        inflater: LayoutInflater,
18        container: ViewGroup?,
19        savedInstanceState: Bundle?
20    ): View? {
21        _viewTabItem = inflater.inflate(R.layout.top_page_normal_tab, container, false)
22        //Viewに対する処理
23        return _viewTabItem
24    }
25
26    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
27        super.onViewCreated(view, savedInstanceState)
28
29        val normalCalendarFragment: Fragment = NormalCalendarFragment()
30        Log.d("!ノーマルカレンダー!", ""+normalCalendarFragment)
31
32        val dayBtn = view.findViewById<Button>(R.id.day_btn)
33        dayBtn.setOnClickListener{
34            val fragmentTransaction = fragmentManager?.beginTransaction()
35            fragmentTransaction?.addToBackStack(null)
36            fragmentTransaction?.replace(R.id.nav_host_fragment_activity_main, normalCalendarFragment)
37            fragmentTransaction?.commit()
38        }
39    }
40}
41
42class TabHomeOneFragment(context: Context): Fragment(){
43    override fun onCreateView(
44        inflater: LayoutInflater,
45        container: ViewGroup?,
46        savedInstanceState: Bundle?
47    ): View? {
48        return inflater.inflate(R.layout.top_page_one_person_tab, container, false)
49    }
50}

・HomeFragmentファイル

kotlin
1import android.os.Bundle
2import android.view.LayoutInflater
3import android.view.View
4import android.view.ViewGroup
5import androidx.appcompat.app.ActionBar
6import androidx.appcompat.app.AppCompatActivity
7import androidx.fragment.app.Fragment
8import androidx.lifecycle.ViewModelProvider
9import microwave.net.pgm.golfcoursereservationapp.R
10import microwave.net.pgm.golfcoursereservationapp.TabTopPage.TabTopPageAdapter
11import microwave.net.pgm.golfcoursereservationapp.databinding.FragmentHomeBinding
12
13class HomeFragment : Fragment() {
14
15    private lateinit var homeViewModel: HomeViewModel
16    private var _binding: FragmentHomeBinding? = null
17    private var _adapterTab : TabTopPageAdapter? = null
18    private val binding get() = _binding!!
19
20    override fun onCreateView(
21        inflater: LayoutInflater,
22        container: ViewGroup?,
23        savedInstanceState: Bundle?
24    ): View? {
25        homeViewModel =
26                ViewModelProvider(this).get(HomeViewModel::class.java)
27
28        _binding = FragmentHomeBinding.inflate(inflater, container, false)
29        val root: View = binding.root
30
31        //タイトルバー非表示
32//        supportActionBar?.hide()
33        (activity as AppCompatActivity?)!!.getSupportActionBar()?.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
34        (activity as AppCompatActivity?)!!.getSupportActionBar()?.setCustomView(R.layout.home_header);
35
36        var context = requireContext()
37        _adapterTab = TabTopPageAdapter(childFragmentManager, context)
38        binding.homeBookingPager.adapter = _adapterTab
39        binding.tabHomeBookingLayout.setupWithViewPager(binding.homeBookingPager)
40
41        return root
42    }
43
44    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
45        super.onViewCreated(view, savedInstanceState)
46
47    }
48
49    override fun onDestroyView() {
50        super.onDestroyView()
51        _binding = null
52    }
53}

・TabTopPageAdapterファイル

import android.content.Context
import androidx.fragment.app.Fragment
import androidx.fragment.app.FragmentManager
import androidx.fragment.app.FragmentPagerAdapter
import microwave.net.pgm.golfcoursereservationapp.R


class TabTopPageAdapter(fm: FragmentManager, private val context: Context): FragmentPagerAdapter(fm){

    val _flagmentHomeNormal = TabHomeNormalFragment(context)
    val _flagmentHomeOne = TabHomeOneFragment(context)

    override fun getItem(position: Int): Fragment {
        when(position){
            0 -> { return _flagmentHomeNormal }
            else ->  { return _flagmentHomeOne }
        }
    }

    override fun getPageTitle(position: Int): CharSequence? {
        when(position){
            0 -> { return context.getString(R.string.normal_booking_tab); }
            else ->  { return context.getString(R.string.one_person_booking_tab); }
        }
    }

    override fun getCount(): Int {
        return 2
    }
}

試したこと

「No view found for id」というエラーメッセージで検索をかけて色々と調べてみたものの、自分のエラーと同じような情報が見つかりませんでした。
というよりタブの内部に配置したボタンのクリックで画面の遷移といった感じのサイト自体見つけれませんでした。

また、NormalCalendarFragmentがnullになっているかと思い、ログ確認を行いましたが値は入っていました。
キャッシュのクリア等も一応行いました。

他に確認したいファイル等ありましたら教えてください。
少しでもわかる方がいましたらご教示お願いしたいです。

～～～～～～～～～～～～～～～～～
色々と調べ少し進行できたので追記
HomeFragmentでbindingを用いていたので子のフラグメント？もbinding形式で実装が必要かと考え編集しました。

・TabtopPageFragmentファイル

import android.content.Context
import android.os.Bundle
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import androidx.appcompat.app.AppCompatActivity
import androidx.fragment.app.Fragment
import microwave.net.pgm.golfcoursereservationapp.NormalCalendarFragment
import microwave.net.pgm.golfcoursereservationapp.R
import microwave.net.pgm.golfcoursereservationapp.databinding.TopPageNormalTabBinding


class TabHomeNormalFragment(context: Context): Fragment(){

//    private var _viewTabItem : View? = null
    private var _binding: TopPageNormalTabBinding? = null
    private val binding get() = _binding!!

    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
//        _viewTabItem = inflater.inflate(R.layout.top_page_normal_tab, container, false)
        _binding = TopPageNormalTabBinding.inflate(inflater, container, false)
        //Viewに対する処理
        return binding.root
//        return _viewTabItem
    }

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

        binding.dayBtn.setOnClickListener {
            (activity as AppCompatActivity?)!!.supportFragmentManager.beginTransaction().apply {
                replace(R.id.nav_host_fragment_activity_main, NormalCalendarFragment())
                addToBackStack(null)
                commit()
            }
        }
    }

    override fun onDestroyView() {
        super.onDestroyView()
        _binding = null
    }
}

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

すると遷移後のフラグメントが無事に表示はされました。
しかしaddではなくreplaceでコミットやonDestroyViewメソッドを記述しているのですが、
遷移前のフラグメントが残っており、フラグメントが重なってしまっている状態になってしまいました。

何が原因なのか度々すみませんが、ご教示をお願いしたいです。

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

回答1件

自己解決

一応自己解決することが出来ました。

まずTabTopPageFragmentではボタンのクリック検出だけを行い、親フラグメントであるHomeFragmentに
setResult関数でクリックされたか伝える。
次にHomeFragmentでsetResultListener関数で値が入ってきたときに画面遷移を行うメソッドを呼び出すことで無事に求めていた実装を行う事が出来ました。

投稿2021/01/30 19:05

j.f15

総合スコア23