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

ลองใช้วิธีเขียน
Jetpack Compose ใน Wear OS เป็นชุดเครื่องมือ UI ที่แนะนำสำหรับ Wear OS
ลองใช้ Compose ใน Wear OS →

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

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

โปรดอ่านบันทึกประจำรุ่นเพื่อดูรายการทั้งหมด

เพิ่มการพึ่งพาไลบรารี UI ของ Wear OS

หากต้องการเริ่มสร้างแอป ให้สร้างโปรเจ็กต์สำหรับ Wear OS โดยเฉพาะ จากนั้นเพิ่มการพึ่งพาต่อไปนี้ลงในไฟล์ 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>