首先，我们需要使用“可组合函数”创建我们的组合。我们需要一个Gestures组合，它处理手势事件。我们还需要一个Draw组合，它用于在画布上绘制图像。

@Composable fun ImageTransform() { val painter = remember{ painterResource(id = R.drawable.image)} var scale by remember { mutableStateOf(1f)} var rotation by remember { mutableStateOf(0f)} val state = rememberTransformableState { zoomChange, offsetChange, rotationChange ->
scale *= zoomChange rotation += rotationChange //获取当前状态下的 scale 和 rotation true }

//手势处理器
val panZoomRotationModifier = Modifier.transformable(state = state).pointerInput(Unit){
    detectTransformGestures { centroid, pan, zoom, rotation ->
        scale *= zoom
        rotation += rotation
    }
}

//绘制图像
Box(
    modifier = Modifier.fillMaxSize().then(panZoomRotationModifier)
){
    Image(
        painter = painter,
        contentDescription = "",
        contentScale = ContentScale.Fit,
        modifier = Modifier.graphicsLayer(
            scaleX = state.scale,
            scaleY = state.scale,
            rotationZ = state.rotation
        ).clipToBounds()
    )
}

}

现在，我们可以使用transformableState来缩放和旋转图像。我们需要在变换状态时记录当前缩放和旋转值。

val state = rememberTransformableState { zoomChange, offsetChange, rotationChange ->
scale *= zoomChange rotation += rotationChange //获取当前状态下的 scale 和 rotation true }

最后，我们需要创建手势处理程序，使我们的图像可缩放和旋转。我们可以使用Modifier.transformable() modifier和pointerInput()函数来实现这一点。

//手势处理器 val panZoomRotationModifier = Modifier.transformable(state = state).pointerInput