إنشاء إشعار يركز على مستوى التقدّم

إشعار في أعلى مركز الإشعارات يركّز على مستوى التقدّم
الشكل 1. إشعار يركّز على مستوى التقدّم في أعلى مركز الإشعارات

يقدّم Android 16 نموذج إشعارات جديدًا لمساعدة المستخدمين في تتبُّع الرحلات التي يبدأونها من البداية إلى النهاية بسلاسة. تظهر هذه الإشعارات بشكلٍ بارز على مساحات عرض النظام وفي أعلى درج الإشعارات.

استخدِم Notification.ProgressStyle لتنسيق الإشعارات التي تركّز على مستوى التقدّم. وتشمل حالات الاستخدام الرئيسية خدمات مشاركة الرحلات والتوصيل والتنقّل. ضمن هذه الفئة، يمكنك الإشارة إلى الحالات والمراحل الرئيسية في تجربة المستخدم باستخدام النقاط والشرائح.

الصفوف ذات الصلة

تحتوي الفئات التالية على واجهات برمجة التطبيقات المختلفة التي تستخدمها لإنشاء إشعار ProgressStyle:

البنية والتخصيص

تعرض الصور التالية الأجزاء المختلفة التي تتكوّن منها إشعارات ProgressStyle:

الشكل 2.

أ. Header - Subtext

Notification.Builder#setSubText()

ب. Header - Time

Notification.Builder#setWhen()

ج. عنوان المحتوى

Notification.Builder#setContentTitle()

د. نص المحتوى

Notification.Builder#setContentText()

E. شريط التقدم

Notification.ProgressStyle

و. زر الإجراء

Notification.Builder#addAction()
الشكل 3: ويمكن للتطبيقات ضبط صورة مركبة لرمز التتبُّع واستخدام الأقسام والنقاط للإشارة إلى تجربة مشاركة الرحلات والمراحل الرئيسية.

أفضل الممارسات

استخدِم واجهات برمجة التطبيقات المناسبة واتّبِع أفضل الممارسات لتوفير أفضل تجربة للمستخدم في ما يتعلّق بإشعارات مستوى التقدّم.

  • اضبط الحقول المناسبة لتلبية متطلبات الظهور في مركز الإشعارات.
  • استخدِم العناصر المرئية المناسبة لتوجيه المستخدمين. على سبيل المثال، يجب أن تضبط تطبيقات مشاركة الرحلات صورة للمركبة وأن تستخدم اللون الأكثر دقة للمركبة في الإشعار باستخدام Notification#setLargeIcon.
  • استخدِم لغة موجزة وواضحة لتحديد مستوى تقدّم تجربة المستخدم. يجب أن يتضمّن الإشعار نصًا مهمًا، مثل وقت الوصول واسم السائق وحالة الرحلة.
  • قدِّم إجراءات مفيدة وذات صلة في الإشعار لتبسيط تجربة المستخدم. على سبيل المثال، يُعدّ تقديم "إكرامية" و "إضافة طبق" إلى طلب توصيل طعام تم بدؤه حديثًا من الإجراءات المفيدة قبل التوصيل.
  • استخدِم الشرائح والنقاط للإشارة إلى الحالات. على سبيل المثال، يمكن أن تلوّن الأقسام حالة حركة المرور ومدتها في رحلة مشاركة الركوب. تمثّل النقاط حالات لمراحل رئيسية، مثل تحضير الطعام والتوصيل واستلام الركاب.
  • تعديل تجربة التقدّم لتعكس بدقة التقدّم الفعلي للرحلة. على سبيل المثال، يمكن أن تظهر التغييرات في أحوال حركة المرور في التغييرات في ألوان الأقسام والتعديلات في النص.

يوضّح مقتطف الرمز التالي كيفية استخدام إشعار ProgressStyle في سياق مشاركة الرحلات:

var ps =
    Notification.ProgressStyle()
        .setStyledByProgress(false)
        .setProgress(456)
        .setProgressTrackerIcon(Icon.createWithResource(appContext, R.drawable.ic_car_red))
        .setProgressSegments(
            listOf(
                Notification.ProgressStyle.Segment(41).setColor(Color.BLACK),
                Notification.ProgressStyle.Segment(552).setColor(Color.YELLOW),
                Notification.ProgressStyle.Segment(253).setColor(Color.WHITE),
                Notification.ProgressStyle.Segment(94).setColor(Color.BLUE)
            )
        )
        .setProgressPoints(
            listOf(
                Notification.ProgressStyle.Point(60).setColor(Color.RED),
                Notification.ProgressStyle.Point(560).setColor(Color.GREEN)
            )
        )

يمكنك الاطّلاع على نموذج التطبيق لتجربة واجهات برمجة التطبيقات هذه.