Jetpack Compose ZOOM後保持大小 用mutableStateOf記錄大小

要在Jetpack Compose中实现缩放后保持大小，可以使用`mutableStateOf`来记录大小。首先，您需要使用`BoxWithConstraints`包装您的内容，并将其限制为父级的大小。然后，您可以使用`rememberTransformableState`来跟踪缩放和平移的状态，并在每次调整大小时更新`mutableStateOf`的值。

下面是一个简单的示例，演示如何实现此功能：

@Composable
fun ZoomableContent(content: @Composable () -> Unit) {
    val transformationState = rememberTransformableState()
    val size = remember { mutableStateOf(Size.Zero) }

    BoxWithConstraints {
        val scope = rememberCoroutineScope()

        // Update the size when constraints change
        LaunchedEffect(key1 = constraints) {
            size.value = Size(constraints.maxWidth.toFloat(), constraints.maxHeight.toFloat())
        }

        // Update the transformation state on zoom and pan
        val zoomableContent = Modifier
            .graphicsLayer(
                scaleX = transformationState.scale,
                scaleY = transformationState.scale,
                translationX = transformationState.translation.x,
                translationY = transformationState.translation.y
            )
            .pointerInput(Unit) {
                detectTransformGestures(
                    onGesture = { _, pan, zoom, _ ->
                        transformationState.apply {
                            zoom(zoom, Offset(pan.x, pan.y))
                            pan(pan)
                        }
                    }
                )
            }

        // Content that can be zoomed and panned
        Box(
            modifier = zoomableContent,
            contentAlignment = Alignment.Center
        ) {
            content()
        }

        // Add a border to represent the content boundaries
        Box(
            modifier = Modifier
                .size(size.value.width.dp, size.value.height.dp)
                .border(1.dp, Color.Black),
            contentAlignment = Alignment.Center
        )
    }
}

在这个示例中，我们使用`rememberTransformableState`来跟踪变换状态并更新缩放和平移。我们还使用`mutableStateOf`来跟踪内容的大小，并在`BoxWithConstraints`中更新它。最后，我们将内容包装在一个`Box`中，其中包含可以缩放和平移的修饰符，以及一个边框来表示内容的边界。

您可以在调用`ZoomableContent`函数时传递内容作为参数，如下所示：

@Composable
fun MyApp() {
    ZoomableContent {
        // Your content goes here
    }
}

希望这可以帮助您实现所需的功能！