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.
Tìm hiểu về các loại thiết bị XR →
Kính AI
Tìm hiểu về các loại thiết bị XR →

Trải nghiệm trên kính AI được xây dựng dựa trên Activity API khung Android hiện có 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ó trên đ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 ứng dụng kính AI, bạn có thể mở rộng ứng dụng điện thoại hiện có bằng cách tạo một Activity được chiếu mới 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 kinh doanh giữa điện thoại và kính AI.

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

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

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-alpha10"
    implementation "androidx.xr.glimmer:glimmer:1.0.0-alpha06"
    implementation "androidx.xr.projected:projected:1.0.0-alpha04"
    implementation "androidx.xr.arcore:arcore:1.0.0-alpha10"
}

Kotlin

dependencies {
    implementation("androidx.xr.runtime:runtime:1.0.0-alpha10")
    implementation("androidx.xr.glimmer:glimmer:1.0.0-alpha06")
    implementation("androidx.xr.projected:projected:1.0.0-alpha04")
    implementation("androidx.xr.arcore:arcore:1.0.0-alpha10")
}

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 của mình trong tệp kê khai của ứng dụng để hệ thống có thể 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>

Các đ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 nên sử dụng ngữ cảnh được chiếu để truy cập vào phần cứng từ một thiết bị đã kết nối.

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 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)

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

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

        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)
        }

        setContent {
            GlimmerTheme {
                HomeScreen(
                    areVisualsOn = areVisualsOn,
                    isVisualUiSupported = isVisualUiSupported,
                    onClose = { finish() }
                )
            }
        }
    }
}
GlassesMainActivity.kt

Các điểm chính về mã

  • Chọn sử dụng các API thử nghiệm trong thư viện Jetpack Projected.
  • GlassesMainActivity mở rộng ComponentActivity, giống như bạn mong đợi trong quá trình phát triển ứng dụng di động.
  • Vì không phải kính AI nào cũng có màn hình, hãy kiểm tra xem thiết bị có màn hình hay không bằng cách sử dụng ProjectedDeviceController.
  • Khối setContent trong hàm onCreate xác định gốc của cây giao diện người dùng có khả năng kết hợp cho hoạt động. Bạn sẽ triển khai thành phần kết hợp HomeScreen bằng cách sử dụng Jetpack Compose Glimmer.
  • Khởi chạy giao diện người dùng trong phương thức onCreate của hoạt động (xem vòng đời hoạt động dự kiến).

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 có khả năng kết hợp HomeScreen mà bạn cần triển khai. Đoạn mã sau đây 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,
    onClose: () -> Unit,
    modifier: Modifier = Modifier
) {
    Box(
        modifier = modifier
            .surface(focusable = false)
            .fillMaxSize(),
        contentAlignment = Alignment.Center
    ) {
        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")
        }
    }
}
GlassesMainActivity.kt

Các đ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 Jetpack Compose Glimmer Text hiển thị văn bản "Xin chào, Kính AI!" trên màn hình của kính.
  • Button Glimmer của Jetpack Compose đóng hoạt động bằng cách gọi finish() thông qua onClose trong hoạt động của 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ó kết nối với điện thoại của họ hay không trước khi chạy hoạt động, 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ể theo dõi để 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

Sau khi tạo một hoạt động cơ bản, bạn có thể khởi 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 khởi động hoạt động bằng các lựa chọn cụ thể để cho hệ thống biết rằng ứng dụng sẽ sử dụng ngữ cảnh được chiếu, như minh hoạ trong mã sau:

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

PhoneMainActivity.kt

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

Các bước tiếp theo

Bây giờ, 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à bạn có thể mở rộng chức năng của hoạt động này:

Trước
Tổng quan
Tiếp
Lập kế hoạch hỗ trợ nhiều loại kính AI