Compose Unstyled 2.0 is out! Check the official announcement blog ->
Function

movable

Configures this subspace element to accept move events and report the calculated pose updates via a callback, without automatically applying a resulting transformation.

BasicMovableSample

/** A sample demonstrating a simple movable component. */
@SubspaceComposable
@Composable
public fun BasicMovableSample() {
    SpatialPanel(modifier = SubspaceModifier.transformingMovable()) {
        Text("The user can move me around!")
    }
}

CustomMovableSample

/** A sample demonstrating a custom movable component. */
@SubspaceComposable
@Composable
public fun CustomMovableSample() {
    var offsetX by remember { mutableStateOf(0.dp) }
    var offsetY by remember { mutableStateOf(0.dp) }
    var offsetZ by remember { mutableStateOf(0.dp) }
    var rotation by remember { mutableStateOf(Quaternion.Identity) }
    val customMovement: (SpatialMoveEvent) -> Unit = { moveEvent ->
        offsetX = moveEvent.pose.translation.x.meters.toDp()
        offsetY = moveEvent.pose.translation.y.meters.toDp()
        offsetZ = moveEvent.pose.translation.z.meters.toDp()
        rotation = moveEvent.pose.rotation
    }
    SpatialPanel(
        modifier =
            SubspaceModifier.movable(onMove = customMovement)
                .offset(x = offsetX, y = offsetY, z = offsetZ)
                .rotate(rotation)
    ) {
        Text("The user can move me around!")
    }
}

Last updated: