تُعدّ وحدات البكسل المستقلة للكثافة (dp) ووحدات البكسل القابلة للتوسّع (sp) ضرورية لإنشاء تنسيقات وعرض الخطوط التي تستجيب بشكل موحّد لمجموعة كبيرة من كثافات الشاشة وفئات الحجم وعوامل الأشكال ونِسب العرض إلى الارتفاع التي تتألف منها أجهزة Android.
الخلاصات
- في حالة استخدام شبكة أساسية، التزم بقياسات 4 و8.
- دوِّن المواصفات بالبكسل والبكسل بدلاً من وحدات البكسل.
- تصدير الصور النقطية/الرسومات النقطية لجميع المجموعات.
- صمم طريقة تفكير سريعة الاستجابة مع وضع فئات أحجام ودرجات دقة ونسب عرض إلى ارتفاع مختلفة في الاعتبار.
- وحدات البكسل غير المرتبطة بالكثافة (dp): وحدات البكسل المستقلة عن الكثافة هي وحدات مرنة يتم ضبطها للحصول على أبعاد موحّدة على أي شاشة. تعتمد على الكثافة الجسدية للشاشة. وتعود هذه الوحدات إلى الشاشة التي يبلغ حجمها 160 نقطة لكل بوصة (نقطة لكل بوصة)، والتي تساوي 1 وحدة بكسل مستقلة الكثافة عليها 1 بكسل تقريبًا.
- وحدات البكسل القابلة للتوسع (sp): تؤدي وحدات البكسل القابلة للتوسع الوظيفة نفسها التي يؤديها dp، لكن بالنسبة للخطوط. إن القيمة الافتراضية لـ sp هي نفسها القيمة الافتراضية dp. ويحسب نظام Android حجم الخط الفعلي لاستخدامه بناءً على الجهاز وخيار المستخدم المفضّل الذي تم ضبطه في تطبيق "الإعدادات" على جهاز Android الخاص به.
يتمثل الاختلاف الأساسي بين وحدات القياس هذه في أن وحدات البكسل القابلة للتطوير تحافظ على إعدادات الخط للمستخدم. يرى المستخدمون الذين لديهم إعدادات نص أكبر لإمكانية الوصول أن أحجام الخطوط تتطابق مع تفضيلات حجم النص لديهم. تعرَّف على كيفية تغيير حجم الخط في Compose.
يستخدم Android هذه الوحدات للمساعدة في تغيير الحجم والترجمة عبر مجموعة من الأجهزة ودرجات الدقة.
حِزم الكثافة
تحتوي الشاشات عالية الكثافة على وحدات بكسل لكل بوصة مقارنةً بالشاشات المنخفضة الكثافة. نتيجةً لذلك، تظهر عناصر واجهة المستخدم ذات أبعاد البكسل نفسها بشكل أكبر على الشاشات منخفضة الكثافة، وأصغر حجمًا على الشاشات العالية الكثافة. هذا هو السبب في أنه يجب عليك عدم إعلان القياسات بالبكسل.
يجمّع Android نطاقات كثافة الشاشة في "مجموعات" ويستخدمها
لتقديم المجموعة المثلى من مواد العرض إلى جهازك. أكثر حِزم الكثافة استخدامًا
هي mdpi وhdpi وxhdpi وxxhdpi وxxxhdpi (يشير كلٌ من حِزمتَي الكثافة nodpi وanydpi إلى حزمة لا تتغيّر درجة دقتها حسب الجهاز، وتُستخدم عادةً
لملفات المتّجهات القابلة للرسم) والتي تتوافق كل حِزم مع ملف مورد لتطبيقك.
لحساب وحدات البكسل غير المرتبطة بالكثافة:
dp = (العرض بالبكسل * 160) / كثافة الشاشة
الشبكات
شبكة أساسية
يساعد الإنشاء باستخدام شبكة أساسية في إنشاء تباعد ومحاذاة متسقة عبر واجهة المستخدم الخاصة بك. تستخدم واجهة مستخدم Android شبكة بحجم 8 وحدات بكسل مستقلة الكثافة للتخطيط والمكونات والمسافات.
تتم محاذاة العناصر الأصغر مثل الأيقونات والنوع وبعض العناصر داخل المكونات بشكل أفضل مع شبكة 4 وحدات بكسل مستقلة الكثافة.
شبكة أعمدة
تبني الأعمدة هيكل شبكة لتوفير تعريف رأسي للتخطيط عن طريق تقسيم المحتوى داخل منطقة النص. يتم وضع المحتوى في مناطق الشاشة التي تحتوي على أعمدة. محاذاة مع الشبكة الأساسية لمحاذاة المحتوى، ولكن يجب أن تحافظ على مرونة الحجم. تعرّف على أساسيات كيفية إعداد شبكة أعمدة وتطبيق المحتوى في أساسيات التنسيق.
راجع صفحة التنسيقات الأساسية بتنسيق Material 3 للحصول على تفاصيل حول إنشاء تنسيقات مرنة عبر أشكال الأجهزة.
فئات المقاسات
فئات حجم النوافذ هي مجموعة من نقاط توقف إطار العرض المستندة إلى الآراء التي تساعدك في تصميم وتطوير واختبار تنسيقات التطبيقات سريعة الاستجابة والتكيّفية. يقسم Android فئات حجم النوافذ إلى 3 فئات: صغير ومتوسط وموسَّع. يمكنك الاطّلاع على المزيد حول إتاحة أحجام الشاشات المختلفة.
نِسَب العرض إلى الارتفاع
نسبة العرض إلى الارتفاع هي نسبة عرض العنصر إلى ارتفاعه. تتم كتابة نسب العرض إلى الارتفاع بالتنسيق width:height.
للحفاظ على الاتساق في التخطيط، استخدم نسبة عرض إلى ارتفاع متسقة على عناصر مثل الصور والأسطح وحجم الشاشة.
يُنصح باستخدام نِسب العرض إلى الارتفاع التالية في واجهة المستخدم:
- 16:9
- 2:3
- 3:4
- 1:1
- 3:4
- 2:3