Port XR compose snippets from DAC

xr/build.gradle.kts

@@ -1,6 +1,7 @@
 plugins {
     alias(libs.plugins.android.application)
     alias(libs.plugins.kotlin.android)
+    alias(libs.plugins.compose.compiler)
 }
 
 android {
@@ -21,14 +22,45 @@ android {
     kotlinOptions {
         jvmTarget = "11"
     }
+    buildFeatures {
+        compose = true
+    }
 }
 
 dependencies {
     implementation(libs.androidx.xr.arcore)
     implementation(libs.androidx.xr.scenecore)
     implementation(libs.androidx.xr.compose)
+
     implementation(libs.androidx.activity.ktx)
     implementation(libs.guava)
     implementation(libs.kotlinx.coroutines.guava)
 
+    val composeBom = platform(libs.androidx.compose.bom)
+    implementation(composeBom)
+
+    implementation(libs.androidx.compose.ui)
+    implementation(libs.androidx.compose.ui.util)
+    implementation(libs.androidx.compose.ui.graphics)
+    implementation(libs.androidx.graphics.shapes)
+    implementation(libs.androidx.compose.ui.tooling.preview)
+    implementation(libs.androidx.compose.ui.viewbinding)
+    implementation(libs.androidx.paging.compose)
+    implementation(libs.androidx.compose.animation.graphics)
+
+    implementation(libs.androidx.compose.material3)
+    implementation(libs.androidx.compose.material3.adaptive)
+    implementation(libs.androidx.compose.material3.adaptive.layout)
+    implementation(libs.androidx.compose.material3.adaptive.navigation)
+    implementation(libs.androidx.compose.material3.adaptive.navigation.suite)
+    implementation(libs.androidx.compose.material)
+
+    implementation(libs.androidx.compose.runtime)
+    implementation(libs.androidx.compose.runtime.livedata)
+    implementation(libs.androidx.compose.material.iconsExtended)
+    implementation(libs.androidx.compose.material.ripple)
+    implementation(libs.androidx.constraintlayout.compose)
+
+    implementation(libs.androidx.activity.compose)
+    implementation(libs.androidx.appcompat)
 }

xr/src/main/java/com/example/xr/compose/Orbiter.kt

@@ -0,0 +1,138 @@
+/*
+ * Copyright 2025 The Android Open Source Project
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package com.example.xr.compose
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.shape.CornerSize
+import androidx.compose.material.MaterialTheme
+import androidx.compose.material.Surface
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.xr.compose.spatial.EdgeOffset
+import androidx.xr.compose.spatial.Orbiter
+import androidx.xr.compose.spatial.OrbiterEdge
+import androidx.xr.compose.spatial.Subspace
+import androidx.xr.compose.subspace.SpatialPanel
+import androidx.xr.compose.subspace.SpatialRow
+import androidx.xr.compose.subspace.layout.SpatialRoundedCornerShape
+import androidx.xr.compose.subspace.layout.SubspaceModifier
+import androidx.xr.compose.subspace.layout.height
+import androidx.xr.compose.subspace.layout.movable
+import androidx.xr.compose.subspace.layout.resizable
+import androidx.xr.compose.subspace.layout.width
+
+@Composable
+private fun OrbiterExampleSubspace() {
+    // [START androidxr_compose_OrbiterExampleSubspace]
+    Subspace {
+        SpatialPanel(
+            SubspaceModifier
+                .height(824.dp)
+                .width(1400.dp)
+                .movable()
+                .resizable()
+        ) {
+            SpatialPanelContent()
+            OrbiterExample()
+        }
+    }
+    // [END androidxr_compose_OrbiterExampleSubspace]
+}
+
+// [START androidxr_compose_OrbiterExample]
+@Composable
+fun OrbiterExample() {
+    Orbiter(
+        position = OrbiterEdge.Bottom,
+        offset = 96.dp,
+        alignment = Alignment.CenterHorizontally
+    ) {
+        Surface(Modifier.clip(CircleShape)) {
+            Row(
+                Modifier
+                    .background(color = Color.Black)
+                    .height(100.dp)
+                    .width(600.dp),
+                horizontalArrangement = Arrangement.Center,
+                verticalAlignment = Alignment.CenterVertically
+            ) {
+                Text(
+                    text = "Orbiter",
+                    color = Color.White,
+                    fontSize = 50.sp
+                )
+            }
+        }
+    }
+}
+// [END androidxr_compose_OrbiterExample]
+
+@Composable
+fun OrbiterAnchoringExample() {
+    // [START androidxr_compose_OrbiterAnchoringExample]
+    Subspace {
+        SpatialRow {
+            Orbiter(
+                position = OrbiterEdge.Top,
+                offset = EdgeOffset.inner(8.dp),
+                shape = SpatialRoundedCornerShape(size = CornerSize(50))
+            ) {
+                Text(
+                    "Hello World!",
+                    style = MaterialTheme.typography.h2,
+                    modifier = Modifier
+                        .background(Color.White)
+                        .padding(16.dp)
+                )
+            }
+            SpatialPanel(
+                SubspaceModifier
+                    .height(824.dp)
+                    .width(1400.dp)
+            ) {
+                Box(
+                    modifier = Modifier
+                        .background(Color.Red)
+                )
+            }
+            SpatialPanel(
+                SubspaceModifier
+                    .height(824.dp)
+                    .width(1400.dp)
+            ) {
+                Box(
+                    modifier = Modifier
+                        .background(Color.Blue)
+                )
+            }
+        }
+    }
+    // [END androidxr_compose_OrbiterAnchoringExample]
+}

xr/src/main/java/com/example/xr/compose/SpatialDialog.kt

@@ -0,0 +1,63 @@
+/*
+ * Copyright 2025 The Android Open Source Project
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package com.example.xr.compose
+
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.width
+import androidx.compose.material3.Button
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+import androidx.xr.compose.spatial.SpatialDialog
+import androidx.xr.compose.spatial.SpatialDialogProperties
+import kotlinx.coroutines.delay
+
+// [START androidxr_compose_DelayedDialog]
+@Composable
+fun DelayedDialog() {
+    var showDialog by remember { mutableStateOf(false) }
+    LaunchedEffect(Unit) {
+        delay(3000)
+        showDialog = true
+    }
+    if (showDialog) {
+        SpatialDialog(
+            onDismissRequest = { showDialog = false },
+            SpatialDialogProperties(
+                dismissOnBackPress = true
+            )
+        ) {
+            Box(
+                Modifier
+                    .height(150.dp)
+                    .width(150.dp)
+            ) {
+                Button(onClick = { showDialog = false }) {
+                    Text("OK")
+                }
+            }
+        }
+    }
+}
+// [END androidxr_compose_DelayedDialog]

xr/src/main/java/com/example/xr/compose/SpatialLayout.kt

@@ -0,0 +1,94 @@
+/*
+ * Copyright 2025 The Android Open Source Project
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package com.example.xr.compose
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.xr.compose.spatial.Subspace
+import androidx.xr.compose.subspace.SpatialColumn
+import androidx.xr.compose.subspace.SpatialPanel
+import androidx.xr.compose.subspace.SpatialRow
+import androidx.xr.compose.subspace.layout.SubspaceModifier
+import androidx.xr.compose.subspace.layout.height
+import androidx.xr.compose.subspace.layout.width
+
+@Composable
+private fun SpatialLayoutExampleSubspace() {
+    // [START androidxr_compose_SpatialLayoutExampleSubspace]
+    Subspace {
+        SpatialRow {
+            SpatialColumn {
+                SpatialPanel(SubspaceModifier.height(250.dp).width(400.dp)) {
+                    SpatialPanelContent("Top Left")
+                }
+                SpatialPanel(SubspaceModifier.height(200.dp).width(400.dp)) {
+                    SpatialPanelContent("Middle Left")
+                }
+                SpatialPanel(SubspaceModifier.height(250.dp).width(400.dp)) {
+                    SpatialPanelContent("Bottom Left")
+                }
+            }
+            SpatialColumn {
+                SpatialPanel(SubspaceModifier.height(250.dp).width(400.dp)) {
+                    SpatialPanelContent("Top Right")
+                }
+                SpatialPanel(SubspaceModifier.height(200.dp).width(400.dp)) {
+                    SpatialPanelContent("Middle Right")
+                }
+                SpatialPanel(SubspaceModifier.height(250.dp).width(400.dp)) {
+                    SpatialPanelContent("Bottom Right")
+                }
+            }
+        }
+    }
+    // [END androidxr_compose_SpatialLayoutExampleSubspace]
+}
+
+// [START androidxr_compose_SpatialLayoutExampleSpatialPanelContent]
+@Composable
+fun SpatialPanelContent(text: String) {
+    Column(
+        Modifier
+            .background(color = Color.Black)
+            .fillMaxSize(),
+        horizontalAlignment = Alignment.CenterHorizontally,
+        verticalArrangement = Arrangement.Center
+    ) {
+        Text(
+            text = "Panel",
+            color = Color.White,
+            fontSize = 15.sp
+        )
+        Text(
+            text = text,
+            color = Color.White,
+            fontSize = 25.sp,
+            fontWeight = FontWeight.Bold
+        )
+    }
+}
+// [END androidxr_compose_SpatialLayoutExampleSpatialPanelContent]