Pull out the squiggle used in Home so it can be used in Create too

Author: devbridie

core/xr/src/main/java/com/android/developers/androidify/xr/SpatialComponents.kt

@@ -0,0 +1,58 @@
+/*
+ * 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.android.developers.androidify.xr
+
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.unit.dp
+import androidx.xr.compose.spatial.Subspace
+import androidx.xr.compose.subspace.SpatialBox
+import androidx.xr.compose.subspace.SpatialBoxScope
+import androidx.xr.compose.subspace.SpatialPanel
+import androidx.xr.compose.subspace.SubspaceComposable
+import androidx.xr.compose.subspace.layout.SubspaceModifier
+import androidx.xr.compose.subspace.layout.aspectRatio
+import androidx.xr.compose.subspace.layout.fillMaxWidth
+import androidx.xr.compose.subspace.layout.movable
+import androidx.xr.compose.subspace.layout.offset
+import androidx.xr.compose.subspace.layout.resizable
+import com.android.developers.androidify.theme.components.SquiggleBackgroundFull
+
+/**
+ * A composable for a Subspace with a Squiggle background.
+ * This Subspace is generally the top-level Subspace. It contains a full-sized squiggle background
+ * that is grabbable and movable, allowing all child components to move with the background.
+ */
+@Composable
+fun SquiggleBackgroundSubspace(
+    content:
+    @SubspaceComposable @Composable
+    SpatialBoxScope.() -> Unit,
+) {
+    Subspace {
+        SpatialPanel(
+            SubspaceModifier
+                .movable()
+                .resizable()
+                .fillMaxWidth(1f)
+                .aspectRatio(1.7f),
+        ) {
+            SquiggleBackgroundFull()
+            Subspace {
+                SpatialBox(SubspaceModifier.offset(z = 10.dp), content = content)
+            }
+        }
+    }
+}

feature/home/src/main/java/com/android/developers/androidify/home/xr/HomeScreenSpatial.kt

@@ -42,6 +42,7 @@ import androidx.xr.compose.subspace.layout.SpatialAlignment
 import androidx.xr.compose.subspace.layout.SubspaceModifier
 import androidx.xr.compose.subspace.layout.aspectRatio
 import androidx.xr.compose.subspace.layout.fillMaxHeight
+import androidx.xr.compose.subspace.layout.fillMaxSize
 import androidx.xr.compose.subspace.layout.fillMaxWidth
 import androidx.xr.compose.subspace.layout.movable
 import androidx.xr.compose.subspace.layout.offset
@@ -58,6 +59,7 @@ import com.android.developers.androidify.util.TabletPreview
 import com.android.developers.androidify.xr.DisableSharedTransition
 import com.android.developers.androidify.xr.MainPanelWorkaround
 import com.android.developers.androidify.xr.RequestHomeSpaceIconButton
+import com.android.developers.androidify.xr.SquiggleBackgroundSubspace
 
 @Composable
 fun HomeScreenContentsSpatial(
@@ -67,43 +69,35 @@ fun HomeScreenContentsSpatial(
     onAboutClicked: () -> Unit,
 ) {
     DisableSharedTransition {
-        Subspace {
+        SquiggleBackgroundSubspace {
             MainPanelWorkaround()
+            Orbiter(
+                position = ContentEdge.Top,
+                offsetType = OrbiterOffsetType.OuterEdge,
+                offset = 32.dp,
+                alignment = Alignment.End,
+            ) {
+                RequestHomeSpaceIconButton(
+                    modifier = Modifier
+                        .size(64.dp, 64.dp)
+                        .padding(8.dp),
+                )
+            }
+            SpatialPanel(SubspaceModifier.fillMaxSize()) {
+                HomeScreenSpatialMainContent(dancingBotLink, onClickLetsGo, onAboutClicked)
+            }
             SpatialPanel(
                 SubspaceModifier
+                    .fillMaxWidth(0.2f)
+                    .fillMaxHeight(0.8f)
+                    .aspectRatio(0.77f)
+                    .resizable(maintainAspectRatio = true)
                     .movable()
-                    .resizable()
-                    .fillMaxWidth(1f)
-                    .aspectRatio(1.7f),
+                    .align(SpatialAlignment.CenterRight)
+                    .offset(z = 10.dp)
+                    .rotate(0f, 0f, 5f),
             ) {
-                Orbiter(
-                    position = ContentEdge.Top,
-                    offsetType = OrbiterOffsetType.OuterEdge,
-                    offset = 32.dp,
-                    alignment = Alignment.End,
-                ) {
-                    RequestHomeSpaceIconButton(
-                        modifier = Modifier
-                            .size(64.dp, 64.dp)
-                            .padding(8.dp),
-                    )
-                }
-                HomeScreenSpatialMainContent(dancingBotLink, onClickLetsGo, onAboutClicked)
-                Subspace {
-                    SpatialPanel(
-                        SubspaceModifier
-                            .fillMaxWidth(0.2f)
-                            .fillMaxHeight(0.8f)
-                            .aspectRatio(0.77f)
-                            .resizable(maintainAspectRatio = true)
-                            .movable()
-                            .align(SpatialAlignment.CenterRight)
-                            .offset(z = 10.dp)
-                            .rotate(0f, 0f, 5f),
-                    ) {
-                        VideoPlayer(videoLink)
-                    }
-                }
+                VideoPlayer(videoLink)
             }
         }
     }