สร้าง 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>