BottomNavigationView 滞后于片段事务

Question

问题

我在我的一个活动中使用 Android 设计支持库中的 BottomNavigationView，以及每个导航项的片段。

每次我 select 栏上的一个项目，我都会进行片段交易，如下面的片段（为简洁起见，删除了部分代码）：

private var fragmentToSet: Fragment? = null

private val onNavigationItemSelectedListener = BottomNavigationView.OnNavigationItemSelectedListener { item ->

    fragmentToSet = when (item.itemId) {
        // Choose fragment based on selection
        // ...
    }

// ...

supportFragmentManager.beginTransaction()
                .replace(R.id.container, fragmentToSet)
                .commit()
}

问题是...底栏动画变得超级卡顿，只有在片段完全加载并显示在屏幕上后才结束。

这个问题 is not exactly new 因为它也可能在使用导航菜单时发生，但至少可以通过使用 DrawerLayout.DrawerListener 来解决它并且只有在抽屉打开后才进行实际的片段交易已关闭。

到目前为止我尝试了什么

我尝试 "cache" 片段，保留它们的引用以避免每次都重新创建对象（例如 MyFragment.newInstance()），但这没有用。

我也尝试使用处理程序，这有点解决了问题，但它可能会导致我出现异常 in some cases。类似于下面的代码片段：

handler.postDelayed({changeFragment(fragmentToSet!!)}, 200)

有没有一种方法可以在不使用处理程序（或其他异步调用）的情况下以与使用导航菜单时 this solution 类似的方式解决此问题？

Answer 1

我通过使用片段管理器隐藏和显示片段来处理这种情况。我写了一个示例代码来处理它，如下所示。

class MainActivity : BaseActivity() {

    private val homeFragment = HomeFragment.newInstance()
    private val categoryFragment = CategoryFragment.newInstance()
    private val searchFragment = SearchFragment.newInstance()

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

        navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener)
        navigation.menu.findItem(R.id.navigation_home).isChecked = true

        supportFragmentManager.beginTransaction()
                .add(R.id.containerFrameLayout, homeFragment)
                .add(R.id.containerFrameLayout, categoryFragment)
                .add(R.id.containerFrameLayout, searchFragment)
                .commit()
        setTabStateFragment(TabState.HOME).commit()
    }

    override fun onBackPressed() {
        if (supportFragmentManager.backStackEntryCount > 0 || !homeFragment.isHidden) {
            super.onBackPressed()
        } else {
            setTabStateFragment(TabState.HOME).commit()
            navigation.menu.findItem(R.id.navigation_home).isChecked = true
        }
    }

    private fun setTabStateFragment(state: TabState): FragmentTransaction {
        supportFragmentManager.popBackStack(null, FragmentManager.POP_BACK_STACK_INCLUSIVE)
        val transaction = supportFragmentManager.beginTransaction()
        transaction.setCustomAnimations(R.anim.fragment_enter, R.anim.fragment_exit)
        when (state) {
            TabState.HOME -> {
                transaction.show(homeFragment)
                transaction.hide(categoryFragment)
                transaction.hide(searchFragment)
            }
            TabState.CATEGORY -> {
                transaction.hide(homeFragment)
                transaction.show(categoryFragment)
                transaction.hide(searchFragment)
            }
            TabState.SEARCH -> {
                transaction.hide(homeFragment)
                transaction.hide(categoryFragment)
                transaction.show(searchFragment)
            }
        }
        return transaction
    }

    private val mOnNavigationItemSelectedListener = BottomNavigationView.OnNavigationItemSelectedListener { item ->
        when (item.itemId) {
            R.id.navigation_home -> {
                setTabStateFragment(TabState.HOME).commit()
                return@OnNavigationItemSelectedListener true
            }
            R.id.navigation_category -> {
                setTabStateFragment(TabState.CATEGORY).commit()
                return@OnNavigationItemSelectedListener true
            }
            R.id.navigation_search -> {
                setTabStateFragment(TabState.SEARCH).commit()
                return@OnNavigationItemSelectedListener true
            }
        }
        false
    }

    internal enum class TabState {
        HOME,
        CATEGORY,
        SEARCH,
    }

}

BottomNavigationView 滞后于片段事务

BottomNavigationView lags on fragment transaction

android

android-fragments

kotlin

material-design

bottomnavigationview

问题

到目前为止我尝试了什么