Jetpack Compose：如何使用精确的 (x,y) 坐标将 UI 元素定位在其父元素中？

Question

根据自定义布局的文档：“每个 UI 元素都有一个父元素，并且可能有多个子元素。每个元素也位于其父元素内，指定为 (x, y) 位置，以及大小，指定为宽度和高度”。

假设我在盒子里有一个按钮。如何指定该框中按钮的确切 X 和 Y 位置？

Answer 1

默认情况下Box有TopStart对齐方式，与android坐标空间起点相同。要从该点移动，您可以使用offset修饰符：

Box {
    Button(
        onClick = { /*TODO*/ },
        modifier = Modifier
            .offset(x = 100.dp, y = 100.dp)
    ) {

    }
}