选择部分png图像jetpack compose

Question

我正在创建一张地图，显示某个地方的可用座位。用户必须为红色示例选择地图区域，然后单击要预订的座位

我无法注意到用户点击了地图的哪一部分

你认为我应该做什么。我也有 svg 文件。有没有办法使用 svg 文件来分隔元素？

使用偏移量和使用画布很有用，但是当屏幕尺寸改变时很难处理

Answer 1

您可以使用此代码来获取单击位置的偏移量，mokhlesam

@Composable
    fun InteractableImage(
        modifier: Modifier = Modifier,
        // other image properties like painter, contentDescription
    ) {
        val sectionClicked = rememberSaveable { mutableStateOf<Offset>(Offset.Unspecified) }
        Image(
            modifier = modifier
                .pointerInput(Unit) {
                    detectTapGestures(
                        onTap = { offset ->
                            sectionClicked.value = offset
                        }
                    )
                },
            // other image properties
        )
        // ... handle sectionClicked state for further actions
    }