Android Studio(Kotlin)中实现图标围绕中心图片自适应定位

需求是在中心图片的周围特定位置放置图标，实现类似椭圆形边框分布的效果。最初采用Box布局结合padding与offset实现，但该方案无法适配不同屏幕尺寸，小屏下图标偏移距离异常，现提供适配性更好的解决方案。

初始实现代码（存在适配问题） #

Box(
    modifier = Modifier
        .fillMaxSize()
        .padding(16.dp),
    contentAlignment = Alignment.Center
) {
    Image(
        painter = painterResource(id = R.drawable.table),
        contentDescription = null,
        modifier = Modifier.fillMaxSize(0.9f),
    )

    Icon1(Modifier.padding().offset(x = (90).dp, y = (-220).dp))
    Icon2(Modifier.padding(top = 18.dp))
    //Icon3,4 etc
}

适配解决方案：基于屏幕尺寸的动态偏移乘数 #

通过判断屏幕宽度设置偏移乘数，动态调整图标的偏移量，从而适配不同尺寸的屏幕：

val xOffsetMultiplier = when {
    screenWidth <= 380.dp -> 0.5f
    else -> 1f
}

// 应用到图标偏移中
IconX(Modifier.offset(x = (-40 * xOffsetMultiplier).dp))

这个方案通过根据屏幕宽度动态修正偏移量的比例，让图标在小屏和大屏上都能保持与中心图片相对正确的位置关系，解决了固定偏移值在不同屏幕下适配异常的问题。

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