Compose_14手势

最新推荐文章于 2024-06-19 22:50:15 发布

放弃了放弃

最新推荐文章于 2024-06-19 22:50:15 发布

阅读量549

点赞数

分类专栏： Android-compose 文章标签： android android studio

本文链接：https://blog.csdn.net/weixin_42404361/article/details/121722935

版权

本文详细介绍了Jetpack Compose中各种手势的实现，包括点击与按下、滚动、嵌套滚动、滑动、拖动和多点触控操作。点击事件可通过`clickable`修饰符处理，滚动可借助`Column`、`Row`和`scroll`，嵌套滚动自动处理，滑动和拖动使用`swipeable`和`draggable`，多点触控如平移、缩放和旋转利用`transformable`和`detectTransformGesture`。

摘要由CSDN通过智能技术生成

一、点击并按下

在Compose中，响应点击事件实在修饰Modifier下的clickable中实现，clickable修饰符允许应用检测对已应用该修饰符的元素的点击。

/**
 * 手势
 */
@Composable
fun compose_14() {
    val count = remember { mutableStateOf(0) }
    Column() {
        // 点击事件
        Text(
            text = count.value.toString(),
            modifier = Modifier
                .padding(10.dp)
                .clickable { count.value += 1 }
        )

    }

}

如果有需求需要按下、双击或长按的事件时，我们可以通过pointerInput修饰符提供点按手势检测器。

/**
 * 手势
 */
@Composable
fun compose_14() {
    val count = remember { mutableStateOf(0) }
    Column() {
        ...
        // 点击事件
        Text(
            text = "detectTapGestures",
            modifier = Modifier.padding(10.dp)
                .pointerInput(Unit) {
                    detectTapGestures(
                        onPress = { Log.e("onPress", "======onPress") }, // 按下
                        onDoubleTap = { Log.e("onDoubleTap", "======onDoubleTap") }, // 双击
                        onLongPress = { Log.e("onLongPress", "======onLongPress") }, // 长按
                        onTap = { Log.e("onTap", "======onTap") } // 单击
                )
            }

        )
    }

}