تساعد أداة الاختيار المستخدمين في اختيار بيانات معيّنة وضبطها.
أداة الاختيار
يجب استخدام أدوات الاختيار للسماح للمستخدمين بالاختيار من بين عدد محدود من العناصر.
سيتم تكرار العناصر تلقائيًا بشكل لا نهائي في كلا الاتجاهين. ويمكنك إيقاف هذا السلوك إذا كان الترتيب في القائمة مهمًا، أو للسماح للمستخدمين بالوصول إلى العنصر الأول والأخير بتمريرة سريعة.
علم التشريح
تشريح
أ. العمود غير النشط
ب. تقسيم النقطتين
ج: عمود المنتقي
د. أهم محتوى
هـ- المحتوى الأوسط
و: المحتوى السفلي
العرض والارتفاع
تملأ "مجموعة المنتقي" الارتفاع والعرض المتاحين. هناك أربعة خيارات للتخطيط لأعمدة المنتقي. يتم توسيط كل تخطيط ويملأ الارتفاع المتاح. يتم تحديد عرض الأعمدة من خلال العرض المطلوب لاستيعاب عدد الأرقام المطلوبة في الخط، وتُعد منتقي التاريخ الاستثناء، حيث تملأ الشاشة أفقيًا وتخرج من الحافة.
على سبيل المثال، سينتج عن عرض '00' أن يكون عرض '00' هو، ثم تعيين العرض. بالنسبة إلى الحقول النصية، وبالنسبة إلى حقل الشهر على سبيل المثال، سيتم احتسابها كعرض "MMM" (وهو الحرف الأوسع في الأبجدية اللاتينية). ومن ثم سيتأثر العرض والارتفاع (وهو ارتفاع السطر للنمط المستخدم) بالخط المستخدم.
يختلف حجم عناصر المنتقي عبر نقطة الإيقاف.
الاستخدام
اطّلع على الأمثلة التالية على منتقي التاريخ والوقت
للحصول على تنفيذ لأداة اختيار التاريخ والوقت، راجع مكتبة Horology على GitHub.
إذا كنت تريد إنشاء تجربة مشابهة حيث يختار المستخدمون قيمة متعددة الأجزاء من خلال أدوات اختيار متعددة، استخدِم مكوِّن PickerGroup المدمَج. يستخدم هذا الكائن كائن منسق التركيز لتعيين التركيز على عنصر المنتقي الصحيح.
التنسيقات التكيُّفية
أداة اختيار الوقت على مدار 24 ساعة
أداة اختيار الوقت 12H
أداة اختيار التاريخ
السلوك المتجاوب
زيادة حجم النص
بعد تجاوز نقطة الإيقاف التي تزيد عن 225 نقطة، يتغيّر حجم خط عنصر المنتقي. أما النسخة العلوية والسفلية في عمود التمرير الكسول، فتعمل على ضبط (A)، وكذلك في النسخة الوسطى. وفي ما يلي بعض الأمثلة على ذلك:
تنسيق عمودَين
أقل من نقطة الإيقاف التي تبلغ 225 وحدة بكسل مستقلة الكثافة
الخط: الشاشة 2
أعلى من 225 نقطة فاصلة (dp)
الخط: الشاشة 1
التنسيق من ثلاثة أعمدة
أقل من نقطة الإيقاف التي تبلغ 225 وحدة بكسل مستقلة الكثافة
الخط: الشاشة 3
تجاوز نقطة الإيقاف التي تبلغ 225 وحدة بكسل مستقلة الكثافة
الخط: الشاشة 2
زيادة حجم التدرج
يتم تحديد التدرج في عمود المنتقي في الارتفاع من خلال المساحة المتاحة. ويتم تعيين كل من التدرجين العلوي والسفلي على ثلث الارتفاع المتاح (33%). وهذا يعني أنه في كل حجم شاشة متاح، يتدرج التدرج بشكل متناسب. الجلوس بشكل مستقل عن تخطيط العمود.
أقل من نقطة الإيقاف التي تبلغ 225 وحدة بكسل مستقلة الكثافة
الحجم: 33٪ من ارتفاع العمود
تجاوز نقطة الإيقاف التي تبلغ 225 وحدة بكسل مستقلة الكثافة
الحجم: 33٪ من ارتفاع العمود
زيادة تباعد الأعمدة
يتم تغيير تباعد الأعمدة إلى ما بعد نقطة الإيقاف التي تزيد عن 225 نقطة، سواء من خلال 2 dp أو 4 dp أو زيادة إلى 6 dp. يعتمد هذا على التصميم الذي اخترته، إما من تنسيقَين أو ثلاثة أعمدة.
تنسيق عمودَين
أقل من نقطة الإيقاف التي تبلغ 225 وحدة بكسل مستقلة الكثافة
فجوة في العمود 4 dp
تجاوز نقطة الإيقاف التي تبلغ 225 وحدة بكسل مستقلة الكثافة
فجوة في العمود 6 dp
التنسيق من ثلاثة أعمدة
أقل من نقطة الإيقاف التي تبلغ 225 وحدة بكسل مستقلة الكثافة
فجوة في العمود 2 dp
تجاوز نقطة الإيقاف التي تبلغ 225 وحدة بكسل مستقلة الكثافة
فجوة في العمود 6 dp