التمرير سريعًا للعرض

يمكنك السماح للمستخدمين بالتمرير السريع على أحد المكوّنات للكشف عن الإجراءات الإضافية.

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

يمكن للمستخدمين تمرير الشرائح والبطاقات سريعًا إلى اليمين للوصول إلى هذه الإجراءات، ثم النقر على إجراء لإكماله. يمكن للمستخدمين أيضًا تمرير الشرائح والبطاقات بالكامل إلى اليمين للانتقال بسرعة إلى الإجراء الأساسي.

يتضمن المكوِّن فتحتين لهذه الإجراءات:

  1. أساسي
  2. ثانوي (اختياري)

علم التشريح

الإجراءات التي تم الإفصاح عنها

ويمكن للمطوّرين تخصيص الإجراءات لحالات الاستخدام الفريدة لديهم. ننصحك باستخدام اللون والرموز التعبيرية في هذه الإجراءات لمساعدة المستخدمين على فهم معناها.

وتظهر الإجراءات التي تم الكشف عنها على الجانب نفسه لجميع اللغات.

  1. الإجراء الأساسي
  2. الإجراء الثانوي (اختياري)

الالتزام بإجراء أساسي

للالتزام بالإجراء الأساسي، يمكن للمستخدم إما النقر على الزر أو مواصلة التمرير سريعًا إلى اليمين. بهذه الطريقة، يمتد الزرّ إلى عرض الشاشة بالكامل ويعرض تصنيفًا. يتلاشى الإجراء بعد اختياره.

يعرض المثال الأول خيار زر واحد. ويعرِض المثال الثاني خيارًا باستخدام زرّ مزدوج.

التراجع عن الإجراء

بالنسبة إلى الإجراءات المدمرة، يمكنك إضافة مكوِّن تراجع للسماح للمستخدمين بالتراجع عن هذه الإجراءات. أضِف إمكانية التراجع إلى الإجراء الأساسي.

في حال إضافة شريحة تراجع، سيظهر زر التراجع بدلاً من الإجراء الذي تم تنفيذه. بعد فترة قصيرة، يتلاشى إجراء التراجع، ويكمل النظام الإجراء المطلوب.

حدود التمرير السريع

تعتمد التمريرة السريعة لكشف سلوك المكوِّن على مدى التمرير السريع للمستخدم على الشاشة:

  • وفي حال تمرير المستخدم سريعًا على أقل من% 50 من الشاشة، يعود المكوِّن إلى موضع البداية، ولا يتم اتخاذ أي إجراء.
  • إذا مرّر المستخدم سريعًا على الشاشة بنسبة تتراوح بين 50% و75% من العرض الكامل، سيظل المكوّن مرئيًا جزئيًا، وستظهر الإجراءات المرتبطة بالمكوّن.
  • إذا مرّر المستخدم سريعًا على أكثر من 75% من الشاشة، سيختفي المكوِّن وينفّذ النظام الإجراء الأساسي تلقائيًا.

تنفّذ المكونات التالية المستوحاة من المواد التعليمية التمرير السريع لكشف السلوك:

على البطاقات

تعرض لقطات الشاشة التالية التمرير السريع للكشف عن مظهر المكوِّن عند استخدام الفئة SwipeToRevealCard:

على الرقائق

تعرض لقطات الشاشة التالية التمرير السريع للكشف عن مظهر المكوِّن عند استخدام الفئة SwipeToRevealChip: