تُعد شاشة عناصر التحكّم في الوسائط ضرورية لمساعدة المستخدمين في التحكّم في الوسائط التي يستمعون إليها. أنشئ عناصر تحكّم في الوسائط باستخدام تصميم يتضمّن 5 أزرار للتحقّق من استيفاء الحد الأدنى من نواحي اللمس المستهدفة. على الشاشات الأكبر حجمًا التي تبلغ 225 وحدة بكسل مستقلة عن الكثافة أو أكثر، يمكنك إضافة قيمة من خلال تضمين زر اختصار لإجراء مهم، مثل قائمة التشغيل.
أقسام التنسيق
شاشة عناصر التحكّم في الوسائط هي شاشة ذات ارتفاع ثابت. يتألف من ثلاثة أقسام عمودية ذات تخطيطات وسلوكيات مختلفة متجاوبة.
- القسم العلوي: يحتوي على تفاصيل الوسائط
- القسم الأوسط: أدوات التحكّم في الوسائط
- القسم السفلي: أزرار ثانوية قابلة للضبط
اعتبارات للشاشات الأكبر حجمًا
تتوفّر التعديلات على الوسائط للشاشات الكبيرة فقط على شاشة عناصر التحكّم في الوسائط. يتم تسجيل جميع العناصر الأخرى في عناصر الشرائح والأزرار ومربّعات الحوار أو في تقسيم القوائم حسب سلوك الشاشة الكبيرة.
الأزرار
يمكنك إضافة قيمة من خلال تضمين زر اختصار لإجراء مهم، مثل قائمة التشغيل. يضمن استخدام قائمة الخيارات الإضافية أنّ الوظائف الإضافية تظل متسقة ويمكن الوصول إليها بغض النظر عن حجم الشاشة. يكتسب القسم السفلي خانة إضافية لزر بعد نقطة التوقف عند 225 وحدة بكسل مستقلة عن الكثافة، ما يجعل الحد الأقصى لعدد الأزرار 2 على الشاشات الأصغر و3 على الشاشات الأكبر.
عنصر التحكّم الرئيسي
عادةً ما يكون عنصر التحكّم الرئيسي هو زر التشغيل والإيقاف المؤقت. بعد نقطة التوقّف عند 225 وحدة بكسل مستقلة عن الكثافة، يتم تغيير حجم عنصر التحكّم من 64 إلى 80 وحدة بكسل مستقلة عن الكثافة، ما يؤدي إلى زيادة مساحة الاستهداف التي يمكن النقر عليها في جميع عناصر التحكّم داخلها.
- حلقة التقدّم = 64 × 64 وحدة بكسل مستقلة عن الكثافة / 3 وحدات بكسل مستقلة عن الكثافة لعرض الخط
- الزر = 54 × 54 وحدة بكسل مستقلة عن الكثافة / حجم الرمز 26
- حلقة التقدّم = 80 × 80 بكسل غير مرتبط بالكثافة / 4 بكسل غير مرتبط بالكثافة
- الزر = 70 × 70 وحدة بكسل مستقلة عن الكثافة / حجم الرمز 32
إعدادات الأزرار
للتوافق مع مبادئ حجم عنصر اللمس المستهدف، اعرض تخطيط الزرَّين فقط قبل نقطة التوقف عند 225 وحدة بكسل مستقلة عن الكثافة، وتخطيطات الأزرار الثلاثة بعد ذلك.
تعرض الأمثلة التالية إعدادات مختلفة للأزرار:
تصميم زر واحد مع قائمة كاملة، شاشة أصغر (192 وحدة بكسل مستقلة عن الكثافة)
1 تخطيط زر مع قائمة كاملة، شاشة أكبر (225 وحدة بكسل مستقلة الكثافة)
تصميم يتضمّن زرَّين مع قائمة خيارات إضافية، شاشة أصغر (192 وحدة بكسل مستقلة عن الكثافة)
تنسيق زرَّين مع قائمة كاملة، شاشة أكبر (225 وحدة بكسل مستقلة الكثافة)
تنسيق زرَّين (كحد أقصى) مع تجاوز السعة، شاشة أصغر (192 وحدة بكسل مستقلة عن الكثافة)
تصميم 3 أزرار مع قائمة كاملة، شاشة أكبر (225 وحدة بكسل مستقلة الكثافة)
سلوك التضليل
يتضمّن العنوان عددًا من التعديلات لتحسين سهولة القراءة والتجربة العامة:
- هامش علوي بنسبة% 12 على الشاشات الأصغر و% 13.2 على الشاشات الأكبر
- الهامشَين الجانبيَّين لعنوان الأغنية بنسبة 17.6%
- هامش عنوان الفنان بنسبة% 12.5 على الشاشات الأصغر و% 14.5 على الشاشات الأكبر
- يتم اقتطاع عنوان الفنان، بينما يتم استخدام تدرّجات 8-dp لتمرير عناوين الأغاني. إذا كان الرمز ظاهرًا، تفصل مسافة إضافية تبلغ 8 وحدات بكسل مستقلة الكثافة بين عنوان الأغنية والرمز. (لا يتم تمرير الرمز مع عنوان الأغنية).
تتضمّن رمزًا
عنوان الأغنية غير القابل للتمرير (قصير) على الشاشات الأصغر حجمًا (192 وحدة بكسل مستقلة عن الكثافة)
عنوان أغنية غير قابل للتمرير (قصير) على الشاشات الكبيرة (225 dp)
عنوان الأغنية الطويل (محاذى لليمين) على الشاشات الأصغر حجمًا (192 وحدة بكسل مستقلة عن الكثافة)
عنوان الأغنية الطويل (يتم تمريره) (محاذاته إلى اليمين) على الشاشات الأكبر حجمًا (225 وحدة بكسل مستقلة الكثافة)
عنوان أغنية طويل (يتم محاذاته في الوسط) على الشاشات الأصغر حجمًا (192 وحدة بكسل مستقلة عن الكثافة)
عنوان أغنية طويل (محاذى للوسط) على شاشات أكبر (225 وحدة بكسل مستقلة عن الكثافة)
بدون رمز
عنوان الأغنية غير القابل للتمرير (قصير) على الشاشات الأصغر حجمًا (192 وحدة بكسل مستقلة عن الكثافة)
عنوان أغنية غير قابل للتمرير (قصير) على الشاشات الكبيرة (225 dp)
عنوان أغنية طويل بمحاذاة إلى اليمين / غير قابل للتمرير على الشاشات الأصغر حجمًا (192 dp)
عنوان أغنية طويل غير قابل للتمرير ومحاذى لليمين على الشاشات الأكبر حجمًا (225 dp)
عنوان أغنية طويل (يتم محاذاته في الوسط) على الشاشات الأصغر حجمًا (192 وحدة بكسل مستقلة عن الكثافة)
عنوان أغنية طويل (محاذى للوسط) على شاشات أكبر (225 وحدة بكسل مستقلة عن الكثافة)
مساحات اللمس
تستخدِم عناصر التحكّم الرئيسية والأزرار السفلية المساحة المتاحة لزيادة مساحة النقر إلى أقصى حدّ. الحدّ الأدنى لحجم العنصر القابل للنقر هو 48 × 48 بكسل مستقل الكثافة على أجهزة Wear OS، مع محاذاة الرموز والأزرار إلى منتصف العنصر القابل للنقر.
عناصر التحكّم الرئيسية
شاشة صغيرة (192 وحدة بكسل مستقلة الكثافة):
- عنصر التحكّم الرئيسي = 64 × 64 وحدة بكسل مستقلة الكثافة
- عناصر التحكّم الجانبية = 64 × 64 وحدة بكسل مستقلة عن الكثافة
شاشة كبيرة (225 وحدة بكسل مستقلة عن الكثافة):
- عنصر التحكّم الرئيسي = 80 × 80 بكسل مستقل الكثافة
- عناصر التحكّم الجانبية = 72.5 × 80 بكسل غير مرتبط بالكثافة
عناصر التحكّم في أسفل الشاشة
الشاشات الأصغر (192 وحدة بكسل مستقلة عن الكثافة) التي تحتوي على زرَّين كحدّ أقصى:
كلا الزرَّين = 60 × 68 وحدة بكسل مستقلة الكثافة
الشاشات الأكبر حجمًا (225 وحدة بكسل مستقلة عن الكثافة) التي تحتوي على 3 أزرار كحدّ أقصى:
جميع الأزرار = 58 × 72.5 وحدة بكسل مستقلة عن الكثافة