Membuat UI berbasis View di Wear OS

Tetap teratur dengan koleksi Simpan dan kategorikan konten berdasarkan preferensi Anda.

Mencoba cara Compose

Jetpack Compose di Wear OS adalah toolkit UI yang direkomendasikan untuk Wear OS.

Coba Compose di Wear OS →

Android Jetpack menyertakan Library UI Wear OS. Library UI Wear OS menyertakan class berikut:

• CurvedTextView: komponen untuk memudahkan penulisan teks yang mengikuti kelengkungan lingkaran terbesar yang dapat dicetak dalam tampilan.
• DismissibleFrameLayout: tata letak yang memungkinkan pengguna menutup semua tampilan dengan menekan tombol kembali atau menggeser layar dari kiri ke kanan. Pengguna Wear OS dapat menggeser dari kiri ke kanan untuk tindakan kembali.
• WearableRecyclerView: tampilan yang menyediakan logika offset dasar untuk mengupdate tata letak turunan menggunakan WearableLinearLayoutManager.
• AmbientModeSupport: class yang digunakan dengan antarmuka AmbientModeSupport.AmbientCallbackProvider untuk menyediakan dukungan bagi mode standby.

Untuk daftar lengkapnya, baca catatan rilis.

Menambahkan dependensi pada Library UI Wear OS

Untuk mulai membuat aplikasi, buat project khusus Wear OS. Lalu tambahkan dependensi berikut ke file build.gradle aplikasi Anda:

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

Mengimpor class dari paket Library UI Wear OS

Untuk menggunakan class dari Library UI Wear OS, impor class dari paket androidx.wear.widget.

Menggunakan nama elemen yang tepat dalam file tata letak

Dalam file tata letak, gunakan nama yang sepenuhnya memenuhi syarat, yang sesuai dengan Library UI Wear OS.

Misalnya, untuk menggunakan class DismissibleFrameLayout dari Library UI Wear OS, Anda dapat menetapkan kode berikut dalam file tata letak:

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