Bottom Navigation Activityを選択して作成したアプリ内で、フラグメント内で個別のアクティビティを実行する方法について

Question

前提・実現したいこと

Androidアプリ開発で、最初のプロジェクト選択でBottom Navigation Activityを選び、デフォルトの「home・dashboard・notification」のフラグメントのページで、文字列を表示させるだけでなく、フラグメント内でMainActivityで指定するようなアクティビティを実行しようとしています。

具体的には、デフォルトのdashboardで、ボタンを表示し、画面の遷移を行うということを実行したいです。

画面遷移に関しては、参考記事・[Android & Kotlin] Activityの遷移をさせるの通りに、Empty Activityを選択してプロジェクトを作成した場合は、エラーなく実行することができています。

ファイルの階層構造

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

画面遷移のアクティビティをdashboardフラグメントに組み込もうとしたところ、2つの問題が発生しました。

①個別のアクティビティを指定する（今回の場合は画面遷移）MainActivity.ktを、DashboardFragment.ktにどのように組み込めば良いかわからない

DashboardFragment.ktとDashboardViewModel.ktによって、dashboardフラグメントをクリックすると「This is dashboard Fragment」という文字列が出ていることは理解しています。

クラスの定義が Fragment()となっているDashboardFragment.ktには、AppCompatActivity()のアクティビティは書き込めないと思うので、どのようにフラグメントに組み込みたいMainActivity.ktとDashboardFragment.ktとDashboardViewModel.ktを組み合わせればいいのか、わからず困っています。

②個別のアクティビティを指定する（今回の場合は画面遷移）SubActivity.ktについて

2-1. AndroidManifest.xmlでフラグメントと組み合わせる場合は、現在の書き方で正しいのかどうか

2-2. SubActivity.ktという名称で現在の階層構造のようにuiフォルダ下の各フラグメントのファイルにおいていいのか

エラーは出ていないが、似たようなことをやっているコードを見たことがないため、参考になる記事などがあれば教えていただきたいです。

該当のソースコード

フラグメントに組み込みたいMainActivity.kt

package your.package.name
 
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.content.Intent
import kotlinx.android.synthetic.main.activity_main.*
 
class MainActivity : AppCompatActivity() {
 
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
 
        sendButton.setOnClickListener {
                val intent = Intent(application, SubActivity::class.java)
                startActivity(intent)
        }
    }
}

DashboardFragment.kt

package com.example.fragact.ui.dashboard

import android.os.Bundle
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.TextView
import androidx.fragment.app.Fragment
import androidx.lifecycle.Observer
import androidx.lifecycle.ViewModelProviders
import com.example.fragact.R

class DashboardFragment : Fragment() {

    private lateinit var dashboardViewModel: DashboardViewModel

    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        dashboardViewModel =
            ViewModelProviders.of(this).get(DashboardViewModel::class.java)
        val root = inflater.inflate(R.layout.fragment_dashboard, container, false)
        val textView: TextView = root.findViewById(R.id.text_dashboard)
        dashboardViewModel.text.observe(this, Observer {
            textView.text = it
        })
        return root
    }
}

DashboardViewModel.kt

package com.example.fragact.ui.dashboard

import androidx.lifecycle.LiveData
import androidx.lifecycle.MutableLiveData
import androidx.lifecycle.ViewModel

class DashboardViewModel : ViewModel() {

    private val _text = MutableLiveData<String>().apply {
        value = "This is dashboard Fragment"
    }
    val text: LiveData<String> = _text
}

app/java/com.example.fracact/ui/dashboard/
SubActivity.kt

package com.example.fragact.ui.dashboard

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import kotlinx.android.synthetic.main.activity_sub.*

class SubActivity : AppCompatActivity() {

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

        returnButton.setOnClickListener{
            finish()
        }

    }
}

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.fragact">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity
            android:name=".SubActivity"
            android:label="@string/app_name" >
        </activity>
    </application>

</manifest>

試したこと

DashboardFragment.ktなどアクティビティに関わるプログラムを変更せず、layoutだけ変更した場合、アクティビティなしの遷移前の画面は表示することができました。

fragment_dashboard.xml

<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/text_dashboard"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:textAlignment="center"
        android:textSize="20sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <LinearLayout 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"
        android:orientation="vertical"
        android:gravity="center"
        android:background="#dfe"
        tools:context=".MainActivity">

        <TextView
            android:text="@string/main"
            android:textSize="30sp"
            android:layout_margin="10dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <Button
            android:id="@+id/sendButton"
            android:text="@string/move"
            android:textSize="30sp"
            android:layout_margin="20dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

    </LinearLayout>


</androidx.constraintlayout.widget.ConstraintLayout>

コメントを受けて試したこと

app/java/com.example.fragact/MainActivityに組み込みたいMainActivity.ktの内容を追記してみました。

MainActivity

package com.example.fragact

import android.os.Bundle
import com.google.android.material.bottomnavigation.BottomNavigationView
import androidx.appcompat.app.AppCompatActivity
import androidx.navigation.findNavController
import androidx.navigation.ui.AppBarConfiguration
import androidx.navigation.ui.setupActionBarWithNavController
import androidx.navigation.ui.setupWithNavController
import android.content.Intent
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        val navView: BottomNavigationView = findViewById(R.id.nav_view)

        val navController = findNavController(R.id.nav_host_fragment)
        // Passing each menu ID as a set of Ids because each
        // menu should be considered as top level destinations.
        val appBarConfiguration = AppBarConfiguration(
            setOf(
                R.id.navigation_home, R.id.navigation_dashboard, R.id.navigation_notifications
            )
        )
        setupActionBarWithNavController(navController, appBarConfiguration)
        navView.setupWithNavController(navController)


        sendButton.setOnClickListener {
            val intent = Intent(application, SubActivity::class.java)
            startActivity(intent)
        }
    }

}

しかし、

        sendButton.setOnClickListener {
            val intent = Intent(application, SubActivity::class.java)
            startActivity(intent)
        }

でsendButtonがUnresolved referenceとなります。

layoutのactivity_main.xmlではなく、fragment_dashboard.xmlで「sendButton」を定義していることも原因かと考えられますが、フラグメントごとにアクティビティやレイアウトを設定するには他に方法がわからない状態です。

<Button
    android:id="@+id/sendButton"
    android:text="@string/move"
    android:textSize="30sp"
    android:layout_margin="20dp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

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

Android Studio 3.5.3

Comments

[hoshi-takanori]

時間がなくてコードは見てませんが、Android プログラミングにおいて Fragment と Activity の連携は鬼門のひとつ（他にもたくさんあるけど）ですね。
とりあえず、単純に MainActivity の foo メソッドを呼び出すだけなら (activity as MainActivity).foo() で行けるのでは。（でもタイミングによってぬるぽが出るような…。）

[hoshi-takanori]

質問文を読み直しましたが、Dashboard フラグメントにボタンを配置して、それが押されたら別のアクティビティ (SubActivity) を開きたいということでしょうか。それなら、MainActivity は関与させずに Dashboard フラグメントだけで完結します。
とはいえ、質問文を読むとそもそも Android における Activity や Fragment というのが何なのかあまり理解されていないように見受けられるので、そこらへんの理解が先な気もします。Bottom Navigation の雛形には ViewModel や Nagivation といった最新技術が駆使されているので…。

[退会済みユーザー]

Dashboard フラグメントにボタンを配置して、それが押されたら別のアクティビティ (SubActivity) を開きたいということです。「ActivityとFragmentの連携を理解する (Android Kotlin)」（https://101010.fun/posts/android-try-fragment.html）という記事は読みましたが、 Android における Activity や Fragment について理解するのにおすすめの記事等ありましたらご教示願います。

[hoshi-takanori]

とりあえず Qiita から検索してみました。

Android はじめてのFragment
https://qiita.com/Reyurnible/items/dffd70144da213e1208b

Android はじめてのFragment イベント編
https://qiita.com/Reyurnible/items/d6397f5fbb03ee4fb93b

ActivityとFragmentのライフサイクルと罠
https://qiita.com/chibi929/items/78f0d3aa2ab4a0229978

ActivityとFragment、両方向の操作
https://qiita.com/PiyoMoasa/items/9ddd7b9e4814da6ca72f

Activity,Fragmentの分割と協調動作の具体例 / Androidアプリを開発する際の俺的設計
https://qiita.com/eaglesakura/items/2ab707755f5a504d9cf9

[退会済みユーザー]

ご教示いただきましてありがとうございます。

画面遷移であれば、「Activity と Fragment」、「Fragment と　Fragment」の間で可能ということが分かったのですが、今回のようにメニューバーと組みあせて画面遷移開始時点がFragmentの場合、画面遷移後のプログラムはActivityとFragmentのどちらで書くのがいいのでしょうか。

ActivityがFragmentを持つという理解なので、メニューバーを操作しているMainActivity がある上で、DashboardFragment.ktがSubActivityに繋がるよりは、DashboardFragment2というようにFragmentで画面遷移を実現した方がいいのでしょうか。

[hoshi-takanori]

Activity と Fragment のどちらがいいかは一概には言えませんが、Fragment の場合は、すでに Bottom Navigation Activity では Navigation というものが使われているので、それを使って書くことになると思います。
https://medium.com/url-memo/navigation-basic-108e69da07fe

[退会済みユーザー]

回答ありがとうございます。Navigationファイルというものは、ActionとFragmentとどのように関係しているのでしょうか。「Activity と Fragment」、「Fragment と　Fragment」はNavigation Activityとは別でサンプルコードを動かしてみました。

しかし、Bottom Navigation Activityとの組み合わせの実装は実際コードを動かしてみないと理解できない部分も多いのですが、書き方がわからずどうすればいいかわからずコードが書けません。現在実現したいことのサンプルコードなどはご存知ないでしょうか。