Tạo hoạt động đầu tiên cho kính AI

Các thiết bị XR được hỗ trợ
Hướng dẫn này giúp bạn xây dựng các trải nghiệm cho những loại thiết bị XR sau.
Kính AI

Trải nghiệm kính AI được xây dựng dựa trên API khung Activityhiện có của Android và bao gồm các khái niệm bổ sung để hỗ trợ các khía cạnh riêng biệt của kính AI. Không giống như tai nghe XR chạy một APK đầy đủ trên thiết bị, kính AI sử dụng một hoạt động chuyên dụng chạy trong ứng dụng hiện có của điện thoại. Hoạt động này được chiếu từ thiết bị lưu trữ sang kính AI.

Để tạo trải nghiệm kính AI cho ứng dụng, bạn hãy mở rộng ứng dụng điện thoại hiện có bằng cách tạo một Activity mới được chiếu cho kính AI. Hoạt động này đóng vai trò là điểm truy cập khởi chạy chính cho ứng dụng của bạn trên kính AI. Phương pháp này giúp đơn giản hoá quá trình phát triển vì bạn có thể chia sẻ và sử dụng lại logic nghiệp vụ giữa trải nghiệm điện thoại và kính AI.

Khả năng tương thích của phiên bản

Kiểm tra các yêu cầu về khả năng tương thích của SDK Android đối với SDK Jetpack XR.

Phần phụ thuộc

Thêm các phần phụ thuộc thư viện sau đây cho kính AI:

Groovy

dependencies {
    implementation "androidx.xr.runtime:runtime:1.0.0-alpha11"
    implementation "androidx.xr.glimmer:glimmer:1.0.0-alpha08"
    implementation "androidx.xr.projected:projected:1.0.0-alpha05"
    implementation "androidx.xr.arcore:arcore:1.0.0-alpha11"
}

Kotlin

dependencies {
    implementation("androidx.xr.runtime:runtime:1.0.0-alpha11")
    implementation("androidx.xr.glimmer:glimmer:1.0.0-alpha08")
    implementation("androidx.xr.projected:projected:1.0.0-alpha05")
    implementation("androidx.xr.arcore:arcore:1.0.0-alpha11")
}

Khai báo hoạt động trong tệp kê khai của ứng dụng

Giống như các loại hoạt động khác, bạn cần khai báo hoạt động trong tệp kê khai của ứng dụng để hệ thống có thể nhìn thấy và chạy hoạt động đó.

<application>
  <activity
      android:name="com.example.xr.projected.GlassesMainActivity"
      android:exported="true"
      android:requiredDisplayCategory="xr_projected"
      android:label="Example AI Glasses activity">
      <intent-filter>
          <action android:name="android.intent.action.MAIN" />
      </intent-filter>
  </activity>
</application>

Những điểm chính về mã

  • Chỉ định xr_projected cho thuộc tính android:requiredDisplayCategory để cho hệ thống biết rằng hoạt động này phải sử dụng ngữ cảnh được chiếu để truy cập vào phần cứng từ một thiết bị thông minh.

Tạo hoạt động

Tiếp theo, bạn sẽ tạo một hoạt động nhỏ có thể hiển thị nội dung nào đó trên kính AI bất cứ khi nào màn hình được bật.

@OptIn(ExperimentalProjectedApi::class)
class GlassesMainActivity : ComponentActivity() {

    private var displayController: ProjectedDisplayController? = null
    private var isVisualUiSupported by mutableStateOf(false)
    private var areVisualsOn by mutableStateOf(true)
    private var isPermissionDenied by mutableStateOf(false)

    // Register the permissions launcher using the ProjectedPermissionsResultContract.
    private val requestPermissionLauncher: ActivityResultLauncher<List<ProjectedPermissionsRequestParams>> =
        registerForActivityResult(ProjectedPermissionsResultContract()) { results ->
            if (results[Manifest.permission.CAMERA] == true) {
                isPermissionDenied = false
                initializeGlassesFeatures()
            } else {
                // Handle permission denial.
                isPermissionDenied = true
            }
        }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        lifecycle.addObserver(object : DefaultLifecycleObserver {
            override fun onDestroy(owner: LifecycleOwner) {
                displayController?.close()
                displayController = null
            }
        })

        if (hasCameraPermission()) {
            initializeGlassesFeatures()
        } else {
            requestHardwarePermissions()
        }

        setContent {
            GlimmerTheme {
                HomeScreen(
                    areVisualsOn = areVisualsOn,
                    isVisualUiSupported = isVisualUiSupported,
                    isPermissionDenied = isPermissionDenied,
                    onRetryPermission = { requestHardwarePermissions() },
                    onClose = { finish() }
                )
            }
        }
    }

    private fun initializeGlassesFeatures() {
        lifecycleScope.launch {
            // Check device capabilities
            val projectedDeviceController = ProjectedDeviceController.create(this@GlassesMainActivity)
            isVisualUiSupported = projectedDeviceController.capabilities.contains(CAPABILITY_VISUAL_UI)

            val controller = ProjectedDisplayController.create(this@GlassesMainActivity)
            displayController = controller
            val observer = GlassesLifecycleObserver(
                context = this@GlassesMainActivity,
                controller = controller,
                onVisualsChanged = { visualsOn -> areVisualsOn = visualsOn }
            )
            lifecycle.addObserver(observer)
        }
    }

    private fun hasCameraPermission(): Boolean {
        return ContextCompat.checkSelfPermission(this, Manifest.permission.CAMERA) ==
                PackageManager.PERMISSION_GRANTED
    }

    private fun requestHardwarePermissions() {
        val params = ProjectedPermissionsRequestParams(
            permissions = listOf(Manifest.permission.CAMERA),
            rationale = "Camera access is required to overlay digital content on your physical environment."
        )
        requestPermissionLauncher.launch(listOf(params))
    }
}

Những điểm chính về mã

Triển khai thành phần kết hợp

Hoạt động mà bạn đã tạo tham chiếu đến một hàm composable HomeScreen mà bạn cần triển khai. Đoạn mã sau sử dụng Jetpack Compose Glimmer để xác định một thành phần kết hợp có thể hiển thị một số văn bản trên màn hình của kính AI:

@Composable
fun HomeScreen(
    areVisualsOn: Boolean,
    isVisualUiSupported: Boolean,
    isPermissionDenied: Boolean,
    onRetryPermission: () -> Unit,
    onClose: () -> Unit,
    modifier: Modifier = Modifier
) {
    Box(
        modifier = modifier
            .surface(focusable = false)
            .fillMaxSize(),
        contentAlignment = Alignment.Center
    ) {
        if (isPermissionDenied) {
            Card(
                title = { Text("Permission Required") },
                action = { Button(onClick = onClose) { Text("Exit") } }
            ) {
                Text("Camera access is needed to use AI glasses features.")
                Button(onClick = onRetryPermission) { Text("Retry") }
            }
        } else 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.")
                }
            }
        } else {
            Text("Audio Guidance Mode Active")
        }
    }
}

Những điểm chính về mã

  • Như bạn đã xác định trong hoạt động trước đó, hàm HomeScreen bao gồm nội dung có khả năng kết hợp mà người dùng nhìn thấy khi màn hình của kính AI bật.
  • Thành phần Text của Jetpack Compose Glimmer hiển thị văn bản "Hello, AI Glasses!" trên màn hình của kính.
  • Button của Jetpack Compose Glimmer đóng hoạt động bằng cách gọi finish() thông qua onClose trong hoạt động kính AI.

Kiểm tra xem kính AI có được kết nối hay không

Để xác định xem kính AI của người dùng có được kết nối với điện thoại của họ hay không trước khi chạy hoạt động của bạn, hãy sử dụng phương thức ProjectedContext.isProjectedDeviceConnected. Phương thức này trả về một Flow<Boolean> mà ứng dụng của bạn có thể quan sát để nhận thông tin cập nhật theo thời gian thực về trạng thái kết nối.

Bắt đầu hoạt động

Giờ đây, bạn đã tạo một hoạt động cơ bản, bạn có thể chạy hoạt động đó trên kính. Để truy cập vào phần cứng của kính, ứng dụng của bạn phải bắt đầu hoạt động bằng các tuỳ chọn cụ thể cho hệ thống biết sử dụng ngữ cảnh được chiếu, như minh hoạ trong đoạn mã sau:

val options = ProjectedContext.createProjectedActivityOptions(context)
val intent = Intent(context, GlassesMainActivity::class.java)
context.startActivity(intent, options.toBundle())

Phương thức createProjectedActivityOptions trong ProjectedContext tạo ra các tuỳ chọn cần thiết để bắt đầu hoạt động trong ngữ cảnh được chiếu. Tham số context có thể là ngữ cảnh từ điện thoại hoặc thiết bị kính.

Các bước tiếp theo

Giờ đây, bạn đã tạo hoạt động đầu tiên cho kính AI, hãy khám phá những cách khác để mở rộng chức năng của hoạt động đó: