我有一个可组合组件，如下所示:
Card(
modifier = Modifier
.fillMaxWidth()
.then(modifier ?: Modifier),
backgroundColor = colorResource(id = R.color.Red),
shape = RoundedCornerShape(percent = 50),
) {
Row (
modifier = Modifier
.size(160.dp)
) {
}
}
当用户点击并持有Card时，我想判断用户是否持有了这张卡一秒钟.如果他们按住它超过一秒，那么我想记录"已点击"，但如果他们在一秒前松开，则不要记录"已点击"
我怎样才能做到这一点呢？
这可以通过编写自定义手势修饰符来实现，例如
fun Modifier.timedClick(
timeInMillis: Long,
interactionSource: MutableInteractionSource = remember {MutableInteractionSource()},
onClick: (Boolean) -> Unit
) = composed {
var timeOfTouch = -1L
LaunchedEffect(key1 = timeInMillis, key2 = interactionSource) {
interactionSource.interactions
.onEach { interaction: Interaction ->
when (interaction) {
is PressInteraction.Press -> {
timeOfTouch = System.currentTimeMillis()
}
is PressInteraction.Release -> {
val currentTime = System.currentTimeMillis()
onClick(currentTime - timeOfTouch > timeInMillis)
}
is PressInteraction.Cancel -> {
onClick(false)
}
}
}
.launchIn(this)
}
Modifier.clickable(
interactionSource = interactionSource,
indication = rememberRipple(),
onClick = {}
)
}
用法
val context = LocalContext.current
Card(
shape = RoundedCornerShape(percent = 50),
) {
Box(
modifier = Modifier
.timedClick(
timeInMillis = 1000,
) { passed: Boolean ->
Toast
.makeText(
context,
"Pressed longer than 1000 $passed",
Toast.LENGTH_SHORT
)
.show()
}
.fillMaxWidth()
.height(100.dp),
contentAlignment = Alignment.Center
) {
Text("Hello World")
}
}
结果
