如何在Kotlin的Main Activity中启用/禁用Fragment内的按钮

我的应用包含一个Main Activity（内有一个按钮）和两个Fragment；第一个Fragment里有个导航按钮，点击可跳转到第二个Fragment。我想从Main Activity中控制这个导航按钮的启用/禁用状态，请问这能实现吗？目前找到的类似问题解答都不是Kotlin版本的。

以下是相关代码和布局：

Main Activity 布局 #

<?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/demo_nav_host_fragment"
        android:name="androidx.navigation.fragment.NavHostFragment"
        android:layout_width="409dp"
        android:layout_height="729dp"
        app:defaultNavHost="true"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:navGraph="@navigation/navigation_graph" />

    <Button
        android:id="@+id/activateButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="92dp"
        android:text="Button"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

第一个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:id="@+id/constraintLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".FirstFragment">

    <EditText
        android:id="@+id/userText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="164dp"
        android:ems="10"
        android:inputType="text"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/navButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Navigate"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        tools:layout_editor_absoluteY="373dp" />
</androidx.constraintlayout.widget.ConstraintLayout>

第二个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:id="@+id/constraintLayout2"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".SecondFragment" >

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

Main Activity 代码 #

package com.ebookfrenzy.navigationdemo

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.net.Uri
import com.ebookfrenzy.navigationdemo.databinding.ActivityMainBinding

class MainActivity : AppCompatActivity(),
    SecondFragment.OnFragmentInteractionListener {
    private lateinit var binding: ActivityMainBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding.root)
        listenerSetup()
    }

    override fun onFragmentInteraction(uri: Uri) {
    }

    private fun listenerSetup() {

        binding.activateButton.setOnClickListener{

            // 这里想修改Fragment里navButton的isEnabled属性
        }
    }
}

当然可以实现，下面提供两种Kotlin版本的实现方式：

方法一：使用ViewModel（推荐，符合Jetpack架构） #

通过共享ViewModel在Activity和Fragment间传递状态，解耦两者依赖。

1. 创建共享ViewModel

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

class NavButtonViewModel : ViewModel() {
    private val _isNavButtonEnabled = MutableLiveData<Boolean>(true)
    val isNavButtonEnabled: LiveData<Boolean> = _isNavButtonEnabled

    fun setNavButtonEnabled(enabled: Boolean) {
        _isNavButtonEnabled.value = enabled
    }
}

2. 在Main Activity中更新状态
   修改listenerSetup方法：

import androidx.lifecycle.ViewModelProvider

private fun listenerSetup() {
    val viewModel = ViewModelProvider(this)[NavButtonViewModel::class.java]
    
    binding.activateButton.setOnClickListener{
        // 切换按钮状态，也可根据需求设置固定值
        val currentState = viewModel.isNavButtonEnabled.value ?: true
        viewModel.setNavButtonEnabled(!currentState)
        // 可选：更新Activity按钮文本
        binding.activateButton.text = if (!currentState) "启用导航按钮" else "禁用导航按钮"
    }
}

3. 在FirstFragment中监听状态变化

import androidx.fragment.app.viewModels
import com.ebookfrenzy.navigationdemo.databinding.FragmentFirstBinding

class FirstFragment : Fragment() {
    private lateinit var binding: FragmentFirstBinding
    // 使用activityViewModels获取与Activity共享的ViewModel实例
    private val viewModel: NavButtonViewModel by activityViewModels()

    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View {
        binding = FragmentFirstBinding.inflate(inflater, container, false)
        return binding.root
    }

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
        
        // 监听按钮状态变化
        viewModel.isNavButtonEnabled.observe(viewLifecycleOwner) { enabled ->
            binding.navButton.isEnabled = enabled
        }

        // 导航按钮原有逻辑
        binding.navButton.setOnClickListener {
            findNavController().navigate(R.id.action_firstFragment_to_secondFragment)
        }
    }
}

方法二：使用接口回调 #

通过定义接口让Fragment暴露控制按钮的方法，Activity持有接口实例调用。

1. 定义接口

interface NavButtonController {
    fun setNavButtonEnabled(enabled: Boolean)
}

2. 在FirstFragment中实现接口

class FirstFragment : Fragment(), NavButtonController {
    private lateinit var binding: FragmentFirstBinding

    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View {
        binding = FragmentFirstBinding.inflate(inflater, container, false)
        return binding.root
    }

    override fun setNavButtonEnabled(enabled: Boolean) {
        binding.navButton.isEnabled = enabled
    }

    // 导航逻辑...
}

3. 在Main Activity中获取Fragment实例并调用方法
   注意：需确保Fragment已加载，避免空指针，建议在Fragment加载完成后操作。
   修改Main Activity的listenerSetup：

private fun listenerSetup() {
    binding.activateButton.setOnClickListener{
        // 获取NavHostFragment
        val navHostFragment = supportFragmentManager.findFragmentById(R.id.demo_nav_host_fragment) as NavHostFragment
        // 获取当前显示的Fragment
        val currentFragment = navHostFragment.childFragmentManager.primaryNavigationFragment
        if (currentFragment is FirstFragment) {
            val currentState = currentFragment.binding.navButton.isEnabled
            currentFragment.setNavButtonEnabled(!currentState)
            binding.activateButton.text = if (!currentState) "启用导航按钮" else "禁用导航按钮"
        }
    }
}

这种方法的缺点是Activity和Fragment耦合度较高，当Fragment未处于活跃状态时可能出现空指针，不如ViewModel方案健壮。

内容的提问来源于stack exchange，提问作者Simon W