عندما تبحث عن واجهة ومحتوى أكثر نظافة يملأ الشاشة بأكملها، فإن تحقيق ذلك شريط التنقل الشفاف على Android إنه أحد تلك التحسينات التي تُحدث فرقًا كبيرًا. مع أنه يبدو بسيطًا، إلا أنه في الحقيقة يعتمد على وضع التنقل، وإصدار أندرويد، وفي كثير من الحالات، على الشركة المصنعة وكيفية تخصيصها للنظام.
في هذا الدليل سوف ترى ذلك بالتفصيل: ما هي بالضبط أشرطة النظام، وكيف تعمل على نظام التشغيل Android 15 والإصدارات الأقدم، وما هي الإعدادات وواجهات برمجة التطبيقات المتضمنة (بما في ذلك أشياء مثل enableEdgeToEdge() o WindowInsets), لماذا لا يتم الحفاظ على الشفافية في بعض الأحيان في التطبيقات مثل Chrome، وما هي البدائل المتاحة لك إذا كان هاتفك المحمول لا يسمح بذلك بشكل أصلي، بما في ذلك الطرق باستخدام ADB وتطبيقات إمكانية الوصول.
ما هي أشرطة النظام في الأندرويد؟
يعرض نظام Android ثلاثة عناصر رئيسية على الشاشة تستحق المعرفة: شريط الحالة (في الأعلى، مع الوقت والبطارية والإشعارات)، وشريط الترجمة (عندما تكون ترجمات النظام متاحة)، و شريط التنقل (أدناه، مع إيماءات أو أزرار). تُوفّر "أشرطة النظام" هذه معلومات وتفاعلًا، وهي موجودة أعلى أي تطبيق.
عند تصميم أو تكوين التجربة، من المستحسن أن تأخذ بعين الاعتبار الحضور والشهرةلأنها تؤثر على تصميم المحتوى، وسهولة الوصول باللمس، والجماليات العامة. علاوة على ذلك، هناك اختلافات بين الشركات المصنعة: في واجهات مثل واجهة One UI من سامسونج، أو في الأجهزة التي تحتوي على أجهزة قديمة بأزرار ماديةيمكن أن يختلف السلوك بشكل كبير.
يمكن أن تتغير مظهر الأيقونات الموجودة في شريط الحالة وفقًا للموضوع أو الوضع الفاتح/الداكن أو الوقت من اليوم أو تخصيص المستخدموبالمثل، عندما تتلقى إشعارًا، يظهر رمز عادةً في شريط الحالة للإشارة إلى وجود شيء معلق في لوحة الإشعارات.
شفاف، شبه شفاف، ومن الحافة إلى الحافة: هكذا تعمل الجماليات
يمكن أن يكون شريط الحالة وشريط التنقل شفاف أو شبه شفافبفضل الشفافية، يُرسم محتوى التطبيق حرفيًا خلف الشريط، مما يُتيح تأثيرًا حقيقيًا من الحافة إلى الحافة. أما مع الشفافية، فيُضيف الشريط ستارًا أو ستارة لضمان التباين عند تمرير المحتوى أسفله.
منذ أندرويد 15، اعتمد النظام من الحافة إلى الحافة افتراضيًا، يجعل هذا شريط الحالة شفافًا دون أي تغييرات إضافية. وللحفاظ على ثبات الأداء، يمكن للتطبيقات استدعاء enableEdgeToEdge()، مما يتيح التوافق مع الإصدارات السابقة في رسم المحتوى خلف أشرطة النظام.
ينطبق الأندرويد أيضًا التكيف الديناميكي للألوان في أشرطة النظام: على سبيل المثال، قد يظهر مُعرِّف شريط الإيماءات داكنًا على الخلفيات الفاتحة، وفاتحًا على الخلفيات الداكنة. هذا الإعداد ليس عشوائيًا، بل هو إجراء لتحسين قابلية القراءة لضمان بقاء عناصر التحكم والمؤشرات مرئية دائمًا.
أوضاع التنقل: الإيماءات والأزرار والتنقل التكيفي
يتيح نظام Android التنقل باستخدام الإيماءات أو الأزرار. التنقل بالإيماءاتيمكنك الرجوع للخلف بالتمرير من الحافة اليسرى أو اليمنى، والعودة إلى الشاشة الرئيسية بالتمرير من الأسفل، والوصول إلى التطبيقات الحديثة بالتمرير مع الاستمرار من الأسفل. يوجد مقبض واحد أو وحدة تحكم مرئية في الأسفل تعمل كمرجع لمس.
في وضع الإيماءة، يوصى بالاحتفاظ بالشريط السفلي شفافة بالكاملتجنب إضافة خلفيات تُعيق التكامل مع المحتوى. كذلك، لا تضع أهداف لمسية مهمة أسفل مناطق إدخال الإيماءات لتجنب تعارض التفاعل.
الملاحة مع ثلاثة أزرار لا يزال هذا الخيار موجودًا على العديد من الأجهزة. هنا، تختلف التوصية: إذا كان تطبيقك يحتوي على أشرطة سفلية ثابتة (مثل شريط تطبيق سفلي)، يمكنك اختيار شريط تنقل شفاف و"رسم" واجهة المستخدم خلفه، شريطة إضافة الحشو المناسب. إذا كان هناك محتوى التمرير عندما يمر الشريط الشفاف أسفله، فإنه عادة ما يوفر قراءة أفضل وفصلًا بصريًا.
للتحكم في التباين الذي يضيفه النظام في وضع الزر، يوجد setNavigationBarContrastEnforced(false)الذي يسمح للمرء بتحقيق شريط التنقل الشفاف بإزالة الشاشة الشفافة التي يضيفها أندرويد افتراضيًا لضمان سهولة القراءة. مع ذلك، إذا عطّلتَ هذا التباين، فسيكون عليك ضمان التعبئة والتباين في تصميمك.
على الشاشات الكبيرة أو القابلة للطي، يتم توفير الملاحة تكيف يتناوب بين السكة الجانبية والشريط السفلي حسب فئة حجم النافذة. تساعد مكونات Jetpack Compose التكيفية على ضمان عدم تعارض هذه الانتقالات مع أشرطة النظام، مما يحافظ على تناسق التصميم.
لماذا لا يظهر "شريط التنقل الشفاف" في جميع التطبيقات
يمكنك تمكين خيار شريط التنقل الشفاف في خيارات للمطورلكنك لا تزال ترى اللون الأبيض أو الداكن في تطبيقات مثل Chromeهذه ليست مشكلة في هاتفك: يحدث ذلك لأن كل تطبيق يُحدد ما يرسمه خلف أشرطة النظام، ويُكيّف أندرويد لونه للحفاظ على سهولة القراءة. إذا كان هناك الكثير من اللون الأبيض أسفله، فقد يُجبر النظام على استخدام مُعرّف داكن أو تأثير، عمليًا، لا يبدو "شفافًا".
علاوة على ذلك، تقوم بعض طبقات النظام أو التطبيقات بإضافة أموالها الخاصة ولا تحترم الشفافية المطلقة. الاختلاف بين الشركات المصنعة ولإصدارات النظام (حتى نوع لوحة المفاتيح على الشاشة) تأثير. في النهاية، ليس هذا حلاً سحريًا شاملًا: فهو يعتمد على وضع التنقل، وإصدار أندرويد، وقرارات كل تطبيق، وقواعد تباين النظام.
ممارسات الأسلوب الجيد لتحقيق الشفافية الحقيقية
إذا كنت تستخدم الإيماءات وكان جهازك يعمل بنظام التشغيل Android 15 (أو كان تطبيقك يتصل enableEdgeToEdge()), يقوم النظام بالفعل برسم شريط الإيماءات الشفاف مع تكيّف ديناميكي للألوان. يُنصح بعدم إضافة خلفيات في تلك المنطقة، مع مراعاة إدراجها لتجنب الظلال أو التداخل.
باستخدام وضع الزر، إذا كنت تبحث عن شريط تنقل شفاف، فقم بتعطيل تطبيق التباين باستخدام setNavigationBarContrastEnforced(false) y إضافة الحشوات استخدم الأشرطة السفلية لرسم المحتوى خلفها دون إخفائه. إذا تحرك المحتوى أسفلها، ففكّر في استخدام شريط شفاف للحفاظ على سهولة القراءة دون فقدان طابع النص من الحافة إلى الحافة.
للتأكد من عدم حجب أي شيء بواسطة أشرطة النظام، استخدم WindowInsets ويديرها بعناية مناطق آمنة لواجهة المستخدميعد هذا أمرًا أساسيًا مع شاشات العرض الكبيرة القابلة للطي أو متعددة النوافذ أو النوافذ العائمة، حيث يتغير موضع وحجم أشرطة النظام وفقًا للسياق.
التفاعل مع لوحة المفاتيح والرسوم المتحركة
عندما تظهر لوحة المفاتيح على الشاشة، تتغير الإدخالات الموجودة في الجزء السفلي، لذا يجب أن يكون التنقل (سواء عن طريق الإيماءات أو الأزرار) رد الفعل بشكل صحيحلمزامنة حركة لوحة المفاتيح بسلاسة مع المحتوى الخاص بك، WindowInsetsAnimationCompat إنه يسمح لك بتحريك التحولات بسلاسة.
فتحات الشاشة والتجربة الغامرة
تشغل الفتحات (الشقوق أو الثقوب) مساحة في الأعلى. يجب أن تفكر في كيفية تفاعلها مع محتوى من الحافة إلى الحافةالاتجاه، ووضع ملء الشاشة. إذا كنت بحاجة إلى إخفاء جميع الأشرطة لمشاهدة فيلم أو لعب لعبة، يتيح لك الوضع الغامر إخفاءها مؤقتًا، مع إمكانية إعادتها بسهولة عن طريق اللمس.
التصميم المستجيب: فئات حجم النافذة
تُعيد التصميمات المتجاوبة ترتيب واجهة المستخدم إلى لوحة واحدة أو اثنتين أو ثلاث لوحات حسب العرض المتاح. مع وضع ذلك في الاعتبار، استخدم إدراجات النوافذ للحفاظ على إمكانية الوصول إلى عناصر التحكم وتجنب التداخلات مع أشرطة النظام، وخاصة على الأجهزة القابلة للطي والأجهزة اللوحية وبيئات النوافذ المتعددة.
إذا لم تسمح لك الشركة المصنعة بذلك، فجرب هذه البدائل.
في بعض الهواتف ذات واجهات مخصصة أثقل، لا تكون خيارات النظام كافية لتحقيق شريط التنقل الشفاف أو أضف ميزات. هنا يأتي دور أدوات الطرف الثالث، حيث ترسم شريطًا خاصًا بها أو تُخصّص الشريط الحالي. هناك فكرتان عمليتان تعملان على الإصدارات القديمة دون الحاجة إلى صلاحيات الجذر: شريط الهاتف الرئيسي الشفاف.
شريط التنقل المخصص: إضافة أزرار إضافية وتخصيصها بدون روت
يتيح لك شريط التنقل المخصص تغيير مظهر الشريط وإضافة زرين إضافيين (يسار ويمين) بإجراءات مفيدة. لا يتطلب الجذرومع ذلك، سوف تحتاج إلى منح إذن النظام عبر ADB، لذلك سيتعين عليك توصيل هاتفك بالكمبيوتر وتشغيل بعض الأوامر.
قبل أن تبدأ، يرجى ملاحظة بعض معلومات التوافق: على الأجهزة التي تحتوي على طبقات ثقيلة مثل TouchWiz قد لا يعمل (أجهزة سامسونج القديمة). عادةً ما يعمل بشكل جيد على نظامي Android 7.0 و7.1، ونسخة Android O التجريبية من تلك الحقبة، وعلى أنظمة LineageOS وNexus وأجهزة Sony Xperia المختلفة. في الواقع، تم اختباره على اريكسون Z5 اتبع الخطوات وأضف لقطة شاشة على اليسار والوصول إلى Google Now على اليمين.
الإعداد سهل باتباع التعليمات. أولاً، ثبّت برامج تشغيل ADB وUSB على جهاز الكمبيوتر الخاص بك. على نظام ويندوز، يمكنك استخدام مُثبِّت، وعند تشغيله، سيطلب منك التأكيد بـ "نعم" على ثلاثة خيارات: تثبيت ADB وFastboot، وتفعيل ADB للنظام بأكمله (يمكنك رفضه إذا كنت تريد المستخدم الحالي فقط)، وتثبيت برامج التشغيل.
ثم قم بتفعيل خاصية خيارات للمطور انتقل إلى الإعدادات وانقر مرارًا على "رقم الإصدار" حتى تظهر لك رسالة التفعيل. أدخل هذه الخيارات وفعّل "تصحيح أخطاء USB".
قم بتوصيل هاتفك المحمول بالكمبيوتر وافتح موجه الأوامر (CMD) مع صلاحيات المسؤول. اكتب adb shellعلى هاتفك، قم بقبول تصحيح أخطاء USB باستخدام بصمة جهازك عندما يظهر المطالبة.
الآن قم بمنح الإذن اللازم باستخدام هذا الأمر داخل shell: pm grant xyz.paphonb.systemuituner android.permission.WRITE_SECURE_SETTINGSعند الانتهاء، ارجع إلى التطبيق وقم بإجراء اختبار التحقق إذا كان كل شيء على ما يرام، يمكنك استخدامه الآن.
في قسم "شريط التنقل"، ستجد "التخطيط" لتغيير ترتيب الأزرار الثلاثة (عادي، يسار، يمين، مضغوط، أو لوحي). الأزرار الإضافية مُهيأة في "الزر الأيسر الإضافي"و"زر يمين إضافي". يمكنك اختيار أدوات افتراضية مثل الحافظة أو التبديل بين لوحات المفاتيح، أو الانتقال إلى "رمز المفتاح" لتعيين رموز أندرويد بمجموعة واسعة من الإجراءات.
على سبيل المثال، لالتقاط لقطة شاشة باستخدام الزر الأيسر، انتقل إلى "رمز المفتاح"، واختر "إدخال يدويأدخل الرمز ١٢٠. ثم، ضمن "الأيقونة"، ابحث عن "لقطة شاشة" لعرض الأيقونة المقابلة. بالنسبة للزر الأيمن، يمكنك استخدام "رمز المفتاح" واختيار "مساعدة" لفتح Google Now مع أيقونة ميكروفون. يمكنك أيضًا إضافة أسهم اتجاهية إلى هذين الزرين الإضافيين، وهو أمر رائع لتحرير النصوص في المحادثات.
يتكامل التطبيق أيضًا مع تاسكر وملفات تعريف لأتمتة التكوينات، مع تغيير الشريط حسب السياق. شارك المطور الأداة وتطوراتها في منتديات مثل XDA للدعم والتحديثات، حيث ستجد معلومات وأمثلة إضافية.
شريط الهاتف المنزلي الشفاف: "شريط منزلي" شفاف مع إيماءات
إذا كنت بحاجة إلى استبدال الشريط أو محاكاته باستخدام عنصر تحكم سفلي واحد، فإن شريط الهاتف المنزلي الشفاف يضيف "شريط المنزل"شفافة تطفو في الأسفل وتحل الإجراءات مثل الرجوع أو الصفحة الرئيسية أو الأخيرة من خلال الإيماءات.
يعرض التطبيق زرًا واحدًا في الأسفل يتعرف على الإيماءات افتراضيًا: نقرة واحدة للانتقال إلى الرئيسيةمرر من اليسار إلى اليمين (أو من اليمين إلى اليسار) لعرض "الرجوع"، ثم مرر من الأسفل إلى الأعلى لعرض "التطبيقات الحديثة"، وبضغطة مطولة تفتح قائمة التشغيل. الأمر بسيط جدًا، ولكنه يغطي الأساسيات.
من بين إعداداته يمكنك تفعيل اهتزاز عند التفاعل، يمكنك ضبط عرض الشريط وارتفاعه وحوافه العلوية، وتخصيص لون الأزرار وخلفيتها. على نظام أندرويد 12 أو الإصدارات الأقدم، يعرض التطبيق تلقائيًا شريطًا رئيسيًا شفافًا على سطح المكتب.
لكي تعمل فهي تحتاج إلى خدمة إمكانية الوصول يستخدم أندرويد خدمة التحكم بالإيماءات لرسم شريط الإيماءات أعلى الشاشة. ويؤكد المطور أن هذه الخدمة تُستخدم حصريًا لعرض إمكانية الوصول وتنفيذ الإجراءات (الصفحة الرئيسية، والرجوع، والتطبيق الأخير)، دون جمع أي معلومات شخصية أو نقلها إلى جهات خارجية.
الأيقونات والتباين في شريط الحالة
يعرض شريط الحالة أيقونات النظام والإشعارات، ويختلف مظهره باختلاف السمات والتفضيلات والسياق. إذا كنت تبحث عن شفافية حقيقية، فانتبه إلى تباين الأيقونات عند رسم محتوى خلف الشاشة. يُحلّ أندرويد 15 هذه المشكلة إلى حد كبير بفضل أسلوبه الشامل والتكيّف الديناميكي، ولكن في الإصدارات السابقة، يُنصح باختباره في وضعي الإضاءة والظلام.
حماية العين والحشو: الحد الأدنى
في الإيماءات، اضغط باستمرار على الشريط السفلي خالية من الأموالبالنسبة للأزرار، إذا عطّلتَ التباين الذي يفرضه النظام لجعلها شفافة، فأضف حشوًا إلى الأشرطة السفلية حتى لا تتداخل مع الأزرار. بالنسبة للمحتوى المتمرير، يُعدّ الشريط الشفاف حلاً أنيقًا يمنع النص من "التداخل" بصريًا مع التنقل.
الأخطاء الشائعة التي يجب تجنبها
من أكثر الأخطاء شيوعًا "رسم" خلفية أسفل شريط الإيماءات لمحاولة تحقيق تناسق بصري. لا تفعل ذلك: فالنظام يديره بالفعل. قابلية القراءة الديناميكية إضافة خلفية تُضعف تماسك التصميم من الحافة إلى الحافة. ومن الأخطاء الأخرى وضع عناصر تحكم أو إيماءات مخصصة "مُلحقة" بالحافة السفلية: فهذا يُنافس إيماءات النظام ويُؤدي إلى إهمال اللمسات.
متى تختار الشفاف مقابل الشفاف
تبدو الشفافية المطلقة جيدة بشكل خاص عندما يكون لديك شريط سفلي خاص (شريط التطبيق السفلي أو شريط التنقل السفلي للتطبيق) أو عند عرض صور العناوين الرئيسية بملء الشاشة. تُوفر الشفافية فصلًا في القوائم الطويلة والخلاصات والمناطق القابلة للتمرير، مما يمنع ظهور المحتوى "مُقاطعًا" للتنقل، ويُحسّن تركيز المستخدم.
الفحوصات النهائية عند الانتقال من الحافة إلى الحافة
تأكد من عدم إخفاء عناصر التحكم الخاصة بك خلف أشرطة النظام، وأن الإيماءات لا تتداخل مع وجهات لمسية وتأكد من سلاسة انتقالات لوحة المفاتيح. بالنسبة للأجهزة القابلة للطي، تحقق من وضعياتها مع تمديد الجهاز وطيّه؛ وبالنسبة للأجهزة اللوحية، تحقق من تجربة الاستخدام في الوضعين الأفقي والرأسي.
أسئلة سريعة
لماذا لا يكون الشريط شفافًا في كروم حتى عند تفعيل الخيار؟ لأن المتصفح والنظام يُعطيان الأولوية لـ قابلية قراءة الواجهة من خلال التكيف الديناميكي. بناءً على المحتوى أو الموضوع، يمكن عرض الشريط بدرجات ألوان فاتحة أو داكنة.
هل يختلف باختلاف الشركة المصنعة؟ نعم. طبقات مثل واحد واجهة المستخدم يمكن للتخصيصات الأخرى تغيير بعض السلوكيات، سواءً البصرية أو الوظيفية. علاوةً على ذلك، تخضع الأجهزة القديمة ذات الأزرار المادية لقواعد مختلفة.
هل يمكنني إخفاء أشرطة الوسائط؟ نعم، مع الوضع غامرة يمكنك إخفاؤها مؤقتًا، مع ترك طريقة واضحة دائمًا لاسترجاعها عن طريق النقر أو التمرير.
قائمة التحقق من أفضل الممارسات للمطورين
إذا كنت تقوم بإنشاء تطبيق أو صيانته، فاتبع المبادئ التالية لتحقيق الشفافية السلسة من الحافة إلى الحافة: يستخدم WindowInsets لإدخالات شريط النظام، قم بتنشيط enableEdgeToEdge() في الإصدارات السابقة لنظام Android 15، كان يحترم شريط الإيماءات دون إضافة خلفيات ويطبق التعبئة والخطوط فقط عندما تعمل على تحسين قابلية القراءة.
- قم بتضمين أشرطة النظام في تصميماتك لأحجام وعوامل شكل مختلفة؛ استخدم التصميمات الأساسية التي تحقق أقصى استفادة من المساحة.
- احرص على إبقاء أشرطة الحالة والتنقل شفافة أو شبه شفافة، وارسم المحتوى خلفها للحصول على تجربة حقيقية من الحافة إلى الحافة. التباين الصحيح في الأيقونات.
- قم بالتحكم في عمليات الاختراق باستخدام WindowInsets وتأكد من عدم إخفاء أي عناصر تحكم أسفل الأشرطة أو القصاصات.
- تجنب وضع أهداف اللمس أسفل إدخالات الإيماءات ومزامنة واجهة المستخدم مع لوحة المفاتيح باستخدام
WindowInsetsAnimationCompat.
إن جعل شريط التنقل شفافًا لا يعتمد على ذراع واحدة: بل يتضمن وضع الملاحةإصدار النظام، وخيارات كل تطبيق، وواجهة الشركة المصنعة، كلها عوامل تؤثر في ذلك. إذا لم يكن هاتفك يدعم هذه الميزة مباشرةً، فإن أدلة Android 15، مع إدارة الشاشة من الحافة إلى الحافة والتباين، ستساعدك في ذلك، ويمكنك دائمًا استخدام خيارات مثل شريط تنقل مخصص مع إذن ADB أو شريط رئيسي شفاف عبر إمكانية الوصول، مع مراعاة التباين وإمكانية الوصول والأداء على الشاشات الكبيرة والقابلة للطي. شارك هذا الدليل وساعد الآخرين في إدارة شريط التنقل الشفاف على نظام Android.
