使用Behavior巧妙地控制RecyclerView中的FAB可见性

2023-10-18 16:46:16

探索Behavior：在RecyclerView中优雅地隐藏和显示FAB

序言

FloatingActionButton (FAB) 是Android UI设计中不可或缺的元素，它为用户提供了一种简单而直观的方式来执行主要操作。然而，当FAB与RecyclerView等可滚动视图一起使用时，管理其可见性可能会变得棘手。

传统上，FAB的隐藏和显示是通过监听RecyclerView的滚动事件来实现的。虽然这种方法有效，但它并不符合Google推荐的做法。本文将深入探讨如何通过重写Behavior来实现FAB在RecyclerView中的隐藏和显示，从而遵循最佳实践。

了解Behavior

Behavior是Android中的一种机制，它允许View以特定方式响应其周围环境。对于FAB来说，Behavior可以控制其相对于其父视图的位置和可见性。

自定义Behavior

为了重写Behavior，我们需要创建一个新的类并扩展CoordinatorLayout.Behavior。重写关键方法如下：

override fun layoutDependsOn(parent: CoordinatorLayout, child: View, dependency: View): Boolean {
    return dependency is RecyclerView
}

override fun onDependentViewChanged(parent: CoordinatorLayout, child: View, dependency: View): Boolean {
    // 根据RecyclerView的滚动偏移量调整FAB的可见性
    if (dependency is RecyclerView) {
        val offset = dependency.computeVerticalScrollOffset()
        if (offset > 0) {
            child.hide()
        } else {
            child.show()
        }
    }
    return true
}

使用自定义Behavior

一旦我们定义了自定义Behavior，就可以将其附加到FAB：

val behavior = FabBehavior()
CoordinatorLayout.LayoutParams(child.layoutParams).behavior = behavior

优化体验

为了进一步优化体验，我们可以添加动画效果来平滑FAB的显示和隐藏：

override fun onDependentViewChanged(parent: CoordinatorLayout, child: View, dependency: View): Boolean {
    if (dependency is RecyclerView) {
        val offset = dependency.computeVerticalScrollOffset()
        if (offset > 0) {
            child.animate().translationY((child.height + margin).toFloat()).setDuration(200).start()
        } else {
            child.animate().translationY(0f).setDuration(200).start()
        }
    }
    return true
}