สร้าง UI ที่อิงตามการดูใน Wear OS

Android Jetpack มีไลบรารี UI ของ Wear OS ด้วย ไลบรารี UI ของ Wear OS ประกอบด้วยคลาสต่อไปนี้

• CurvedTextView: คอมโพเนนต์ช่วยให้เขียนข้อความตามหลังได้อย่างง่ายดาย ความโค้งของวงกลมที่ใหญ่ที่สุดที่สามารถจารึกลงในมุมมองได้
• DismissibleFrameLayout: เลย์เอาต์ที่ช่วยให้ผู้ใช้ ปิดมุมมองใดๆ โดยการกดปุ่มย้อนกลับหรือปัดหน้าจอจากซ้ายไปขวา ผู้ใช้ Wear OS คาดหวังการปัดจากซ้ายไปขวาสำหรับการดำเนินการย้อนกลับ
• WearableRecyclerView: ข้อมูลพร็อพเพอร์ตี้ที่มีตรรกะออฟเซ็ตพื้นฐานสำหรับการอัปเดต เลย์เอาต์ย่อยโดยใช้ WearableLinearLayoutManager
• AmbientModeSupport: ชั้นเรียนที่ใช้ร่วมกับ อินเทอร์เฟซ AmbientModeSupport.AmbientCallbackProvider เพื่อรองรับโหมดแอมเบียนท์

ดูรายการทั้งหมดได้ในบันทึกประจำรุ่น

เพิ่มทรัพยากร Dependency ในไลบรารี UI ของ Wear OS

หากต้องการเริ่มสร้างแอป ให้สร้างโปรเจ็กต์สำหรับ Wear-OS โดยเฉพาะ จากนั้นเพิ่มทรัพยากร Dependency ต่อไปนี้ ลงในไฟล์ build.gradle ของแอป

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

นำเข้าชั้นเรียนจากแพ็กเกจไลบรารี UI ของ Wear OS

หากต้องการใช้ชั้นเรียนจากไลบรารี UI ของ Wear OS ให้นำเข้าชั้นเรียนจาก แพ็กเกจ androidx.wear.widget

ใช้ชื่อองค์ประกอบที่ถูกต้องในไฟล์เลย์เอาต์

ในไฟล์เลย์เอาต์ ให้ใช้ชื่อที่ตรงตามเกณฑ์ทั้งหมดซึ่งสอดคล้องกับ UI ของ Wear OS คลัง

ตัวอย่างเช่น หากต้องการใช้ DismissibleFrameLayout คลาสจากไลบรารี UI ของ Wear OS คุณอาจระบุ ต่อไปนี้ในไฟล์เลย์เอาต์

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