Jetpack Compose NestedScroll 中 LazyList 和 LazyGrid滑动时的区别

先说我发现的一个问题,当手指停止滑动但还留在屏幕上时,Lazy List默认没有Fling行为,而Lazy Grid是默认有Fling行为的。

所以我们在NestedScroll中嵌套LazyList和LazyGrid并发生滑动行为时,屏幕的表现是有所区别的,所以在写Nested Connection时,要注意onPreFling方法的使用,在嵌套List时,手指静止离开屏幕并不会调用onPreFling,而在嵌套Grid时,手指静止离开屏幕则依然会调用onProFling。

顺便分享一下我编写的滑动隐藏Appbar的NestedScrollConnection的代码,注释掉的部分在嵌套List时需要恢复,不然无法实现吸附效果

val gridNestedScrollConnection = remember {
        object : NestedScrollConnection {
            var dragCount = 0f
            override fun onPreScroll(available: Offset, source: NestedScrollSource): Offset {
                dragCount += available.y
                var consume = available.y;
                if (dragCount <= -appBarHeightPx) {
                    dragCount = (-appBarHeightPx)
                    consume = 0f
                }
                if (dragCount >= 0) {
                    dragCount = 0f
                    consume = 0f
                }
                scope.launch {
                    heightOffset.snapTo(dragCount)
                }
                return Offset(x = 0f, y = consume)
            }

            var flingCount = 0f
            override suspend fun onPreFling(available: Velocity): Velocity {

//                if (available.y == 0f) {
//                    if (heightOffset.value < -appBarHeightPx / 2) {
//                        heightOffset.animateTo(-appBarHeightPx)
//                    } else {
//                        heightOffset.animateTo(0f)
//                    }
//                    return Velocity.Zero
//                }

                flingCount += available.y
                var consume = available.y

                if (flingCount + heightOffset.value <= -appBarHeightPx) {
                    flingCount = 0f
                    consume = 0f
                }
                if (flingCount + heightOffset.value >= 0) {
                    flingCount = 0f
                    consume = 0f
                }

                scope.launch {
                    heightOffset.snapTo(flingCount + heightOffset.value)
                }

                return Velocity(x = 0f, y = consume)
            }

            override suspend fun onPostFling(consumed: Velocity, available: Velocity): Velocity {
                if (heightOffset.value < -appBarHeightPx / 2) {
                    heightOffset.animateTo(-appBarHeightPx)
                } else {
                    heightOffset.animateTo(0f)
                }
                return Velocity.Zero
            }
        }
    }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值