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

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

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

الفصول الدراسية ذات الصلة

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

• Notification.ProgressStyle
• Notification.ProgressStyle.Point
• Notification.ProgressStyle.Segment

التصميم والتخصيص

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

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

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

• اضبط الحقول المناسبة لتلبية متطلبات الظهور بشكل بارز في مركز الإشعارات.
• استخدِم العناصر المرئية المناسبة لتوجيه المستخدمين. على سبيل المثال، يجب أن تعرض تطبيقات مشاركة الرحلات صورة للمركبة وأن تستخدم اللون الأكثر دقة للمركبة في الإشعار باستخدام 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)
            )
        )

يمكنك الاطّلاع على [تطبيق نموذجي][8]{:.external} لتجربة واجهات برمجة التطبيقات هذه.