Jetpack Compose ZOOM後mutableStateOf記錄大小 ,打開新的VIEW後也保持這個大小

要实现这个功能，可以使用 `rememberSaveable` 来保存当前的缩放比例，然后在新的视图中读取该值并将其应用于新视图中的元素。

以下是一个简单的示例代码，展示了如何使用 `rememberSaveable` 和 `LaunchedEffect` 实现这个功能：

@Composable
fun ZoomableContent() {
    // 保存当前的缩放比例
    var zoom by rememberSaveable { mutableStateOf(1f) }
    // 保存当前的宽度和高度
    var width by remember { mutableStateOf(0) }
    var height by remember { mutableStateOf(0) }

    Box(
        Modifier
            .fillMaxSize()
            .zoomable(
                onZoomChange = { newZoom ->
                    zoom = newZoom
                },
                onSizeChange = { newWidth, newHeight ->
                    width = newWidth
                    height = newHeight
                }
            )
    ) {
        // 在 Box 内部添加需要缩放的内容
        Text(
            "Zoom me!",
            Modifier
                .width(width.dp)
                .height(height.dp)
                .scale(zoom)
        )
    }
}

@Composable
fun ZoomableScreen() {
    // 在新的视图中读取缩放比例
    val zoom by rememberSaveable { mutableStateOf(1f) }

    LaunchedEffect(Unit) {
        // 在新的视图中应用缩放比例
        zoomableController?.setZoom(zoom)
    }

    Box(
        Modifier
            .fillMaxSize()
            .background(Color.Gray)
    ) {
        // 添加新的视图
        Text("New View", Modifier.align(Alignment.Center))
    }
}

其中，`zoomable` 是一个自定义的修饰符，用于支持缩放功能。在 `ZoomableContent` 中，我们使用 `Box` 容器来包含需要缩放的内容。在 `ZoomableScreen` 中，我们使用 `rememberSaveable` 来保存缩放比例，并使用 `LaunchedEffect` 在新视图中应用缩放比例。需要注意的是，这里的 `zoomableController` 是一个全局变量，用于管理缩放功能的状态。你需要根据自己的实际需求来实现它。

希望这个示例代码能够帮助你实现你的需求。