Tạo giao diện người dùng dựa trên chế độ xem trên Wear OS

Thử cách dùng Compose
Jetpack Compose trên Wear OS là bộ công cụ giao diện người dùng được đề xuất cho Wear OS.
Dùng thử Compose trên Wear OS →

Android Jetpack bao gồm cả Thư viện giao diện người dùng Wear OS. Thư viện giao diện người dùng Wear OS bao gồm các lớp sau:

  • CurvedTextView: một thành phần giúp bạn dễ dàng viết văn bản theo độ cong của vòng tròn lớn nhất nội tiếp với khung hiển thị.
  • DismissibleFrameLayout: một bố cục cho phép người dùng đóng mọi khung hiển thị bằng cách nhấn nút quay lại hoặc vuốt từ trái sang phải trên màn hình. Người dùng Wear OS có thể vuốt từ trái sang phải để thực hiện thao tác quay lại.
  • WearableRecyclerView: một khung hiển thị cung cấp logic bù trừ cơ bản để cập nhật bố cục con bằng cách sử dụng WearableLinearLayoutManager.
  • AmbientLifecycleObserver: một giao diện được dùng với giao diện AmbientLifecycleObserver.AmbientLifecycleCallback để hỗ trợ nhận biết vòng đời cho chế độ môi trường xung quanh.

Để nắm được danh sách đầy đủ, hãy đọc ghi chú phát hành.

Thêm phần phụ thuộc trên Thư viện giao diện người dùng Wear OS

Để bắt đầu tạo ứng dụng, hãy tạo một dự án dành riêng cho Wear OS. Sau đó thêm các phần phụ thuộc sau vào tệp build.gradle của ứng dụng: 

dependencies {
    ...
  // Standard Wear OS libraries
  implementation "androidx.wear:wear:1.4.0"
  // includes support for wearable specific inputs
  implementation "androidx.wear:wear-input:1.1.0"
}

Nhập các lớp từ gói Thư viện giao diện người dùng Wear OS

Để sử dụng các thành phần giao diện người dùng trong Thư viện giao diện người dùng Wear OS, hãy nhập các thành phần đó từ gói androidx.wear.widget hoặc từ androidx.wear.ambient để hỗ trợ chế độ môi trường xung quanh.

Sử dụng đúng tên phần tử trong các tệp bố cục

Trong tệp bố cục, hãy sử dụng tên đủ điều kiện tương ứng với Thư viện giao diện người dùng Wear OS.

Ví dụ: để sử dụng lớp DismissibleFrameLayout trong Thư viện giao diện người dùng Wear OS, bạn có thể chỉ định như sau trong tệp bố cục: 

<androidx.wear.widget.DismissibleFrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/swipe_dismiss_root" >

    <TextView
        android:id="@+id/test_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:text="Swipe the screen to dismiss me." />
</androidx.wear.widget.DismissibleFrameLayout>