Add Spatial layout for ResultsScreen

Author: devbridie

feature/results/src/main/java/com/android/developers/androidify/results/BotActionsButtonRow.kt

@@ -30,8 +30,8 @@ import com.android.developers.androidify.theme.components.PrimaryButton
 @Composable
 fun BotActionsButtonRow(
     onCustomizeShareClicked: () -> Unit,
+    layoutType: ResultsLayoutType,
     modifier: Modifier = Modifier,
-    verboseLayout: Boolean = false,
 ) {
     Row(modifier) {
         PrimaryButton(
@@ -48,7 +48,10 @@ fun BotActionsButtonRow(
                     )
                 }
             },
-            buttonText = if (verboseLayout) stringResource(R.string.customize_and_share) else null,
+            buttonText = when (layoutType) {
+                ResultsLayoutType.Spatial, ResultsLayoutType.Verbose -> stringResource(R.string.customize_and_share)
+                ResultsLayoutType.Constrained -> null
+            },
         )
     }
 }

feature/results/src/main/java/com/android/developers/androidify/results/BotResultCard.kt

@@ -49,10 +49,9 @@ import coil3.compose.AsyncImage
 
 @Composable
 fun BotResultCard(
-    resultImageUri: Uri,
-    originalImageUrl: Uri?,
-    promptText: String?,
     flippableState: FlippableState,
+    front: @Composable () -> Unit,
+    back: @Composable () -> Unit,
     modifier: Modifier = Modifier,
     onFlipStateChanged: ((FlippableState) -> Unit)? = null,
 ) {
@@ -64,21 +63,13 @@ fun BotResultCard(
             .safeContentPadding(),
         flippableState = flippableState,
         onFlipStateChanged = onFlipStateChanged,
-        front = {
-            FrontCard(resultImageUri)
-        },
-        back = {
-            if (originalImageUrl != null) {
-                BackCard(originalImageUrl)
-            } else {
-                BackCardPrompt(promptText!!)
-            }
-        },
+        front = front,
+        back = back,
     )
 }
 
 @Composable
-private fun FrontCard(resultImageUri: Uri) {
+fun FrontCardImage(resultImageUri: Uri) {
     AsyncImage(
         model = resultImageUri,
         contentDescription = stringResource(R.string.resultant_android_bot),
@@ -92,7 +83,7 @@ private fun FrontCard(resultImageUri: Uri) {
 }
 
 @Composable
-private fun BackCard(originalImageUrl: Uri) {
+fun BackCard(originalImageUrl: Uri) {
     AsyncImage(
         model = originalImageUrl,
         contentDescription = stringResource(R.string.original_image),
@@ -106,7 +97,7 @@ private fun BackCard(originalImageUrl: Uri) {
 }
 
 @Composable
-private fun BackCardPrompt(promptText: String) {
+fun BackCardPrompt(promptText: String) {
     val annotatedString = buildAnnotatedString {
         pushStyle(SpanStyle(fontWeight = Bold))
         append(stringResource(R.string.my_bot_is_wearing))

feature/results/src/main/java/com/android/developers/androidify/results/ResultOption.kt

@@ -18,40 +18,25 @@
 package com.android.developers.androidify.results
 
 import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.padding
 import androidx.compose.material3.ExperimentalMaterial3ExpressiveApi
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
 import com.android.developers.androidify.theme.AndroidifyTheme
 import com.android.developers.androidify.theme.components.HorizontalToolbar
 
-@Preview
-@Composable
-private fun ResultToolBarOptionPreview() {
-    AndroidifyTheme {
-        Column {
-            ResultToolbarOption {
-            }
-        }
-    }
-}
-
 @Composable
 fun ResultToolbarOption(
     modifier: Modifier = Modifier,
     selectedOption: ResultOption = ResultOption.ResultImage,
     wasPromptUsed: Boolean = false,
     onResultOptionSelected: (ResultOption) -> Unit,
 ) {
-    HorizontalToolbar<ResultOption>(
-        selectedOption,
-        modifier = modifier.padding(start = 16.dp, end = 16.dp, top = 8.dp),
-        label = {
-            stringResource(it.displayText(wasPromptUsed))
-        },
+    HorizontalToolbar(
+        selectedOption = selectedOption,
+        modifier = modifier,
+        label = { stringResource(it.displayText(wasPromptUsed)) },
         onOptionSelected = onResultOptionSelected,
     )
 }
@@ -76,3 +61,14 @@ enum class ResultOption(val displayName: Int) {
         }
     }
 }
+
+@Preview
+@Composable
+private fun ResultToolBarOptionPreview() {
+    AndroidifyTheme {
+        Column {
+            ResultToolbarOption {
+            }
+        }
+    }
+}

feature/results/src/main/java/com/android/developers/androidify/results/ResultsLayoutType.kt

@@ -0,0 +1,35 @@
+/*
+ * 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.results
+
+import androidx.compose.runtime.Composable
+import com.android.developers.androidify.util.allowsFullContent
+import com.android.developers.androidify.xr.LocalSpatialCapabilities
+
+enum class ResultsLayoutType {
+    Verbose,
+    Constrained,
+    Spatial,
+}
+
+@Composable
+internal fun getLayoutType(enableXr: Boolean): ResultsLayoutType {
+    return when {
+        LocalSpatialCapabilities.current.isSpatialUiEnabled && enableXr -> ResultsLayoutType.Spatial
+        allowsFullContent() -> ResultsLayoutType.Verbose
+        else -> ResultsLayoutType.Constrained
+    }
+}