عندما يتفاعل المستخدمون مع تطبيقك، غالبًا ما يستخدمون آليات إدخال غير مرتبطة باللمس، مثل:
- بيئات أجهزة الكمبيوتر: يتنقّل المستخدمون ويدخلون البيانات باستخدام لوحات مفاتيح الأجهزة ولوحات اللمس.
- Android TV: يتنقّل المستخدمون في الواجهة باستخدام لوحة الأسهم.
- السيارات: يتفاعل السائقون والركاب مع التطبيقات باستخدام أجهزة التحكّم الدوّارة.
- الأجهزة القابلة للطي والأجهزة اللوحية: يربط المستخدمون أغطية لوحة المفاتيح وملحقات الإدخال الخارجية.
في كل هذه السيناريوهات، يجب أن يتتبّع تطبيقك العنصر التفاعلي النشط على الشاشة، ويُطلق على هذه الحالة النشطة اسم التركيز.
العوامل الرئيسية للتنقّل السهل باستخدام لوحة المفاتيح
لتقديم تجربة مستخدم رائعة على الشاشات الكبيرة والأجهزة التي لا تعمل باللمس، صمِّم تطبيقك وفقًا للمبادئ التالية:
- التركيز الأوّلي المنطقي: ضع التركيز الأوّلي على العنصر الذي من المرجّح أن يتفاعل معه المستخدمون عند الدخول إلى شاشة.
- ترتيب التنقّل المتّسق: وفِّر ترتيبًا يمكن توقّعه للتنقّل في اتجاه واحد (Tab) وفي اتجاهين (مفاتيح الأسهم أو لوحة التحكّم الاتجاهية).
- التركيز المستمر: استعادة التركيز بسلاسة بعد حدوث مقاطعات أو إغلاق مربّعات حوار أو إجراء تغييرات في الإعدادات
- حالة التركيز الواضحة: اعرض إشارات مرئية بارزة وسهلة الاستخدام (مثل حلقات التركيز أو التموجات) تشير إلى العنصر الذي يتم التركيز عليه حاليًا.
- التمرير السلس: تأكَّد من أنّ العنصر الذي تم التركيز عليه والسياق المحيط به يتم تمريرهما بسلاسة إلى إطار العرض المرئي.
أدلة التركيز
اطّلِع على الأدلة التالية لمعرفة كيفية إدارة التركيز وتخصيصه في Compose:
- استهدافات التركيز: تعرَّف على كيفية تحوّل المكوّنات التفاعلية إلى استهدافات التركيز وكيفية إنشاء عناصر قابلة للإنشاء مخصّصة يمكن التركيز عليها.
- ترتيب التنقّل حسب التركيز: يمكنك التعرّف على ترتيب الظهور الأحادي الأبعاد والتنقّل المكاني الثنائي الأبعاد، وكيفية تخصيص مسارات التنقّل.
- التركيز في الحقول النصية: تعرَّف على كيفية تعامل الحقول النصية ذات السطر الواحد والحقول النصية المتعددة الأسطر مع مفتاحَي Tab وأسهم التنقل، وكيفية عمل التفاعل مع محرّك طرق الإدخال (IME) على التلفزيون.
- استهداف تركيز المجموعة: تجميع المكوّنات باستخدام
focusGroupواعتراض عمليات إعادة التوجيه عند الدخول أو الخروج - استعادة التركيز: استعادة التركيز إلى الأطفال النشطين سابقًا في الحاويات، والتعامل مع مكوّنات التنقّل، وإدارة التركيز على مستوى انتقالات الشاشة
- تحديد حالة التركيز: استخدِم إشارات مرئية وتحديدًا مخصّصًا لإبراز المكوّنات التي يتم التركيز عليها.
- الاستجابة لتغييرات التركيز: مراقبة تغييرات التركيز والاستعلام عن خصائص حالة التركيز
باستخدام
onFocusChanged - طلب التركيز آليًا: يمكنك نقل التركيز بشكل صريح استجابةً لإجراءات المستخدم أو أخطاء التحقّق من الصحة.
- نقل التركيز ومحوه: يمكنك نقل التركيز أو محوه آليًا باستخدام
FocusManager. - التقاط التركيز وإطلاقه: لالتقاط التركيز للتفاعلات الفرعية المشروطة وإطلاقه بأمان.
- اختبار التنقّل باستخدام التركيز: يمكنك كتابة اختبارات Compose مبرمَجة للتحقّق من تفاعلات لوحة المفاتيح مع الحقول النصية والتنقل في بُعد واحد وبُعدَين.
مُقترَحة لك
- ملاحظة: يتم عرض نص الرابط عندما تكون JavaScript غير مفعّلة
- أهداف التركيز
- ترتيب التمرير بالتركيز
- التركيز في الحقول النصية
- استهدافات تركيز المجموعة
- اختبار التنقّل باستخدام التركيز