Jetpack Compose：自定义光标随偏移拖动亮度变化的问题咨询

问题原因 #

拖动光标时亮度变化，本质是光标图像存在透明区域——即便你设置了zIndex(1f)让光标处于顶层，但只要光标不是完全不透明，下方LED的亮暗颜色就会透过透明区域叠加到光标上，造成视觉上的亮度差异。

解决办法 #

1. 使用完全不透明的光标图像 #

将光标图片的背景改为与布局一致的黑色，彻底避免下方颜色透上来，这样无论光标移动到哪个位置，亮度都会保持一致。

2. 给光标添加不透明背景层 #

如果无法替换图片，可在光标Image外层嵌套一个带黑色背景的Box，阻断下方内容的穿透：

Box(Modifier.background(Color.Black)) {
    Image(
        modifier = Modifier
            .zIndex(1f)
            .offset(y = PixelToDp(pixelSize = ypos.toInt())),
        painter = painterResource(id = R.drawable.climate_slider_cursor),
        contentDescription = null
    )
}

额外优化：修正触摸坐标逻辑 #

当前代码中直接使用change.position.y更新光标位置，可能存在坐标空间不匹配的问题（触摸坐标是相对于LED Column的，而光标在独立的Box中）。建议改用拖动增量dragAmount来更新，还能添加边界限制防止光标超出LED区域：

detectVerticalDragGestures(
    onDragStart = { offset ->
        ypos = offset.y
    },
    onVerticalDrag = { _, dragAmount ->
        ypos += dragAmount
        // 根据LED列的实际高度调整min和max值，限制光标移动范围
        ypos = ypos.coerceIn(minimumValue = 0f, maximumValue = 200f)
    }
)

内容的提问来源于stack exchange，提问作者Vaio