在开始滚动之前如何设置LazyColumn/ViewPager的阈值?
How to set a threshold for LazyColumn/ViewPager before starting to scroll?
我正在使用 experimental viewpager for Jetpack compose,它基于 LazyColumn
/Row
。
我想做的是设置一些阈值,即在开始滚动到下一页之前我需要移动手指的程度。默认行为是,只要我移动手指,它就会开始滚动,但我希望有一个更大的阈值,即在发生任何视觉滚动之前我需要移动手指的程度。
我查看了 FlingBehaviour
参数,但我不知道如何使用它来完成我想要的。 (或者至少加点“阻力”来翻页,这样就不那么敏感了)
你有什么想法吗?
此阈值由 flingBehavior
参数控制。
PagerDefaults.flingBehavior(pagerState)
提供分页工作,目前只有动画是可配置的,因此您不能只提供自己的替代行为。但是你可以这样包装它:
private class FlingBehaviourMultiplier(
private val multiplier: Float,
private val baseFlingBehavior: FlingBehavior
) : FlingBehavior {
override suspend fun ScrollScope.performFling(initialVelocity: Float): Float {
return with(baseFlingBehavior) {
performFling(initialVelocity * multiplier)
}
}
}
@Composable
fun rememberFlingBehaviorMultiplier(
multiplier: Float,
baseFlingBehavior: FlingBehavior
): FlingBehavior = remember(multiplier, baseFlingBehavior) {
FlingBehaviourMultiplier(multiplier, baseFlingBehavior)
}
用法:
val pagerState = rememberPagerState()
HorizontalPager(
count = 10,
state = pagerState,
flingBehavior = rememberFlingBehaviorMultiplier(
multiplier = 0.5f,
baseFlingBehavior = PagerDefaults.flingBehavior(pagerState)
),
modifier = Modifier
) { page ->
}
我正在使用 experimental viewpager for Jetpack compose,它基于 LazyColumn
/Row
。
我想做的是设置一些阈值,即在开始滚动到下一页之前我需要移动手指的程度。默认行为是,只要我移动手指,它就会开始滚动,但我希望有一个更大的阈值,即在发生任何视觉滚动之前我需要移动手指的程度。
我查看了 FlingBehaviour
参数,但我不知道如何使用它来完成我想要的。 (或者至少加点“阻力”来翻页,这样就不那么敏感了)
你有什么想法吗?
此阈值由 flingBehavior
参数控制。
PagerDefaults.flingBehavior(pagerState)
提供分页工作,目前只有动画是可配置的,因此您不能只提供自己的替代行为。但是你可以这样包装它:
private class FlingBehaviourMultiplier(
private val multiplier: Float,
private val baseFlingBehavior: FlingBehavior
) : FlingBehavior {
override suspend fun ScrollScope.performFling(initialVelocity: Float): Float {
return with(baseFlingBehavior) {
performFling(initialVelocity * multiplier)
}
}
}
@Composable
fun rememberFlingBehaviorMultiplier(
multiplier: Float,
baseFlingBehavior: FlingBehavior
): FlingBehavior = remember(multiplier, baseFlingBehavior) {
FlingBehaviourMultiplier(multiplier, baseFlingBehavior)
}
用法:
val pagerState = rememberPagerState()
HorizontalPager(
count = 10,
state = pagerState,
flingBehavior = rememberFlingBehaviorMultiplier(
multiplier = 0.5f,
baseFlingBehavior = PagerDefaults.flingBehavior(pagerState)
),
modifier = Modifier
) { page ->
}