使用jetpack compose的Android swipe动画

implementation 'androidx.compose.ui:ui:x.x.x'
implementation 'androidx.compose.material:material:x.x.x'

@Composable
fun SwipeAnimationScreen() {
    // UI组件的定义
}

@Composable
fun SwipeAnimationScreen() {
    val offsetX = remember { mutableStateOf(0f) }
    Box(
        Modifier
            .offset { IntOffset(offsetX.value.roundToInt(), 0) }
            .swipeable(
                state = rememberSwipeableState(0),
                anchors = mapOf(0f to 0, screenWidth.toFloat() to 1),
                thresholds = { _, _ -> FractionalThreshold(0.5f) },
                orientation = Orientation.Horizontal
            )
    ) {
        // 组件的内容
    }
}

@Composable
fun SwipeAnimationScreen() {
    val offsetX = remember { mutableStateOf(0f) }
    Box(
        Modifier
            .offset { IntOffset(offsetX.value.roundToInt(), 0) }
            .swipeable(
                state = rememberSwipeableState(0),
                anchors = mapOf(0f to 0, screenWidth.toFloat() to 1),
                thresholds = { _, _ -> FractionalThreshold(0.5f) },
                orientation = Orientation.Horizontal
            )
            .onDraggableDragStarted { /* 拖动开始时的处理逻辑 */ }
            .onDraggableDragStopped { /* 拖动停止时的处理逻辑 */ }
    ) {
        // 组件的内容
    }
}

@Composable
fun SwipeAnimationScreen() {
    val offsetX = remember { mutableStateOf(0f) }
    val animatedOffsetX by animateFloatAsState(targetValue = offsetX.value)
    Box(
        Modifier
            .offset { IntOffset(animatedOffsetX.roundToInt(), 0) }
            .swipeable(
                state = rememberSwipeableState(0),
                anchors = mapOf(0f to 0, screenWidth.toFloat() to 1),
                thresholds = { _, _ -> FractionalThreshold(0.5f) },
                orientation = Orientation.Horizontal
            )
            .onDraggableDragStarted { /* 拖动开始时的处理逻辑 */ }
            .onDraggableDragStopped { /* 拖动停止时的处理逻辑 */ }
    ) {
        // 组件的内容
    }
}