إنشاء واجهات مستخدم مستندة إلى العرض على نظام التشغيل Wear OS

جرِّب طريقة Compose

‫Jetpack Compose على Wear OS هي حزمة أدوات واجهة المستخدم المقترَحة لنظام التشغيل Wear OS.

تجربة Compose على Wear OS ←

تتضمّن Android Jetpack مكتبة واجهة مستخدم Wear OS. تتضمّن مكتبة واجهة مستخدم Wear OS الفئات التالية:

• CurvedTextView: مكوّن لكتابة نص بسهولة يتّبع انحناء أكبر دائرة يمكن رسمها في العرض
• ‫ DismissibleFrameLayout: تنسيق يتيح للمستخدم إغلاق أي طريقة عرض من خلال الضغط على زر الرجوع أو التمرير سريعًا على الشاشة من اليمين إلى اليسار يتوقّع مستخدمو Wear OS أن يتم التمرير سريعًا من اليمين إلى اليسار لتنفيذ إجراء الرجوع.
• ‫ WearableRecyclerView: طريقة عرض توفّر منطقًا أساسيًا للإزاحة من أجل تعديل تنسيقات العناصر الثانوية باستخدام WearableLinearLayoutManager.
• ‫ AmbientLifecycleObserver: واجهة تُستخدَم مع واجهة AmbientLifecycleObserver.AmbientLifecycleCallback لتوفير دعم يتوافق مع مراحل النشاط لوضع عدم النشاط

للاطّلاع على القائمة الكاملة، يُرجى قراءة ملاحظات الإصدار.

إضافة تبعية إلى مكتبة واجهة مستخدم Wear OS

لبدء إنشاء التطبيقات، أنشئ مشروعًا مخصّصًا لنظام التشغيل Wear OS. بعد ذلك، أضِف التبعيات التالية إلى ملف build.gradle في تطبيقك:

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

استيراد الفئات من حزمة Wear OS UI Library

لاستخدام مكوّنات واجهة المستخدم من مكتبة واجهة مستخدم Wear OS، يمكنك استيرادها من حزمة androidx.wear.widget أو من androidx.wear.ambient لإتاحة وضع عدم النشاط.

استخدام أسماء العناصر الصحيحة في ملفات التنسيق

في ملفات التنسيق، استخدِم أسماء مؤهلة بالكامل تتوافق مع مكتبة واجهة المستخدم لنظام التشغيل Wear OS.

على سبيل المثال، لاستخدام فئة DismissibleFrameLayout من مكتبة واجهة مستخدم 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>