add in device capabilty check

Author: trambui09

gradle/libs.versions.toml

@@ -246,8 +246,6 @@ roborazzi-rule = { module = "io.github.takahirom.roborazzi:roborazzi-junit-rule"
 validator-push = { module = "com.google.android.wearable.watchface.validator:validator-push", version.ref = "validatorPush" }
 wear-compose-material = { module = "androidx.wear.compose:compose-material", version.ref = "wearComposeMaterial" }
 wear-compose-material3 = { module = "androidx.wear.compose:compose-material3", version.ref = "wearComposeMaterial3" }
-androidx-wear-phone-interactions = { group = "androidx.wear", name = "wear-phone-interactions", version.ref = "wearPhoneInteractions" }
-androidx-wear-remote-interactions = { group = "androidx.wear", name = "wear-remote-interactions", version.ref = "wearRemoteInteractions" }
 androidx-glimmer = { group = "androidx.xr.glimmer", name = "glimmer", version.ref = "xrGlimmer" }
 androidx-projected = { group = "androidx.xr.projected", name = "projected", version.ref = "xrProjected" }
 

xr/src/main/java/com/example/xr/projected/GlassesMainActivity.kt

@@ -19,59 +19,68 @@ package com.example.xr.projected
 import android.os.Bundle
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
-import androidx.activity.viewModels
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
-import androidx.lifecycle.LifecycleOwner
 import androidx.lifecycle.DefaultLifecycleObserver
-import androidx.lifecycle.compose.collectAsStateWithLifecycle
+import androidx.lifecycle.LifecycleOwner
 import androidx.lifecycle.lifecycleScope
 import androidx.xr.glimmer.Button
 import androidx.xr.glimmer.Card
 import androidx.xr.glimmer.GlimmerTheme
 import androidx.xr.glimmer.Text
 import androidx.xr.glimmer.surface
 import androidx.xr.projected.ProjectedDisplayController
+import androidx.xr.projected.ProjectedDeviceController
+import androidx.xr.projected.ProjectedDeviceController.Capability.Companion.CAPABILITY_VISUAL_UI
 import androidx.xr.projected.experimental.ExperimentalProjectedApi
 import kotlinx.coroutines.launch
 
 // [START androidxr_projected_ai_glasses_activity]
 @OptIn(ExperimentalProjectedApi::class)
 class GlassesMainActivity : ComponentActivity() {
 
+    private var displayController: ProjectedDisplayController? = null
+    private var isVisualUiSupported by mutableStateOf(false)
+    private var areVisualsOn by mutableStateOf(true)
+
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
-        val viewModel: GlassesViewModel by viewModels()
+
+        lifecycle.addObserver(object : DefaultLifecycleObserver {
+            override fun onDestroy(owner: LifecycleOwner) {
+                displayController?.close()
+                displayController = null
+            }
+        })
 
         lifecycleScope.launch {
-            val controller = ProjectedDisplayController.create(this@GlassesMainActivity)
+            // [START androidxr_projected_device_capabilities_check]
+            // Check device capabilities
+            val projectedDeviceController = ProjectedDeviceController.create(this@GlassesMainActivity)
+            isVisualUiSupported = projectedDeviceController.capabilities.contains(CAPABILITY_VISUAL_UI)
+            // [END androidxr_projected_device_capabilities_check]
 
+            val controller = ProjectedDisplayController.create(this@GlassesMainActivity)
+            displayController = controller
             val observer = GlassesLifecycleObserver(
                 context = this@GlassesMainActivity,
                 controller = controller,
-                onVisualsChanged = viewModel::updateVisuals
+                onVisualsChanged = { visualsOn -> areVisualsOn = visualsOn }
             )
             lifecycle.addObserver(observer)
-
-            // Cleanup observer to close the controller
-            lifecycle.addObserver(object : DefaultLifecycleObserver {
-                override fun onDestroy(owner: LifecycleOwner) {
-                    controller.close()
-                }
-            })
         }
 
         setContent {
-            // [required] Use collectAsStateWithLifecycle for safe collection
-            val uiState by viewModel.uiState.collectAsStateWithLifecycle()
-
             GlimmerTheme {
                 HomeScreen(
-                    visualsOn = uiState.areVisualsOn,
+                    areVisualsOn = areVisualsOn,
+                    isVisualUiSupported = isVisualUiSupported,
                     onClose = { finish() }
                 )
             }
@@ -83,7 +92,8 @@ class GlassesMainActivity : ComponentActivity() {
 // [START androidxr_projected_ai_glasses_activity_homescreen]
 @Composable
 fun HomeScreen(
-    visualsOn: Boolean,
+    areVisualsOn: Boolean,
+    isVisualUiSupported: Boolean,
     onClose: () -> Unit,
     modifier: Modifier = Modifier
 ) {
@@ -93,19 +103,23 @@ fun HomeScreen(
             .fillMaxSize(),
         contentAlignment = Alignment.Center
     ) {
-        Card(
-            title = { Text("Android XR") },
-            action = {
-                Button(onClick = onClose) {
-                    Text("Close")
+        if (isVisualUiSupported) {
+            Card(
+                title = { Text("Android XR") },
+                action = {
+                    Button(onClick = onClose) {
+                        Text("Close")
+                    }
+                }
+            ) {
+                if (areVisualsOn) {
+                    Text("Hello, AI Glasses!")
+                } else {
+                    Text("Display is off. Audio guidance active.")
                 }
             }
-        ) {
-            if (visualsOn) {
-                Text("Hello, AI Glasses!")
-            } else {
-                Text("Display is off. Audio guidance active.")
-            }
+        } else {
+            Text("Audio Guidance Mode Active")
         }
     }
 }

xr/src/main/java/com/example/xr/projected/GlassesViewModel.kt

@@ -77,7 +77,7 @@ fun ConnectionScreen() {
             )
             Spacer(modifier = Modifier.height(32.dp))
             val scope = rememberCoroutineScope()
-            val isGlassesConnected by ProjectedContext.isProjectedDeviceConnected(
+            val areGlassesConnected by ProjectedContext.isProjectedDeviceConnected(
                 context,
                 scope.coroutineContext
             ).collectAsStateWithLifecycle(initialValue = false)
@@ -92,9 +92,9 @@ fun ConnectionScreen() {
                     // [END androidxr_projected_start_glasses_activity]
                 },
                 colors = ButtonDefaults.buttonColors(
-                    containerColor = if (isGlassesConnected) MaterialTheme.colorScheme.primary else MaterialTheme.colorScheme.error
+                    containerColor = if (areGlassesConnected) MaterialTheme.colorScheme.primary else MaterialTheme.colorScheme.error
                 ),
-                enabled = isGlassesConnected
+                enabled = areGlassesConnected
             ) {
                 Text(
                     text = "Launch",
@@ -103,7 +103,7 @@ fun ConnectionScreen() {
             }
             Spacer(modifier = Modifier.height(32.dp))
             Text(
-                text = "Status: " + if (isGlassesConnected) "Connected" else "Disconnected",
+                text = "Status: " + if (areGlassesConnected) "Connected" else "Disconnected",
                 style = MaterialTheme.typography.titleMedium
             )
         }