ترتيب Z

ترتيب Z هو ترتيب للعناصر ثنائية الأبعاد المتداخلة، مثل النوافذ في مدير النوافذ المكدسة ، أو الأشكال في محرر الرسومات المتجهة ، أو العناصر في تطبيق ثلاثي الأبعاد. ^{[ 1 ]} من سمات واجهة المستخدم الرسومية النموذجية إمكانية تداخل النوافذ، بحيث تخفي إحداها جزءًا من الأخرى أو كلها. عند تداخل نافذتين، يحدد ترتيب Z أيهما يظهر فوق الأخرى.

يشير مصطلح "ترتيب المحور Z" إلى ترتيب العناصر على طول المحور Z. في الهندسة الإحداثية ، يُمثل المحور X عادةً المحور الأفقي (من اليسار إلى اليمين)، والمحور Y المحور الرأسي (من الأعلى إلى الأسفل)، بينما يُمثل المحور Z المحور العمودي على المحورين الآخرين (من الأمام إلى الخلف). يمكن تصور النوافذ في واجهة المستخدم الرسومية كسلسلة من المستويات الموازية لسطح الشاشة. وبالتالي، تتراص النوافذ على طول المحور Z، ويحدد ترتيب المحور Z ترتيب النوافذ على الشاشة من الأمام إلى الخلف. ويمكن تشبيه ذلك بمجموعة من أوراق مبعثرة على طاولة، حيث تُمثل كل ورقة نافذة، والطاولة هي شاشة الكمبيوتر، والورقة العلوية لها أعلى قيمة للمحور Z.

عادةً، يستطيع مستخدمو واجهة المستخدم الرسومية تغيير ترتيب النوافذ (Z-order) باختيار نافذة لعرضها في المقدمة (أي فوق أو أمام جميع النوافذ الأخرى). تسمح بعض برامج إدارة النوافذ بالتفاعل مع النوافذ حتى وهي ليست في المقدمة، بينما تقوم برامج أخرى بعرض النافذة في المقدمة تلقائيًا عند تلقيها أي إدخال من المستخدم. كما يُمكن تحديد نوافذ معينة لتكون "دائمًا في المقدمة"؛ حيث تُثبّت هذه النوافذ في أعلى ترتيب النوافذ بحيث لا تتداخل معها أي نافذة أخرى (باستثناءات قليلة).

عند التعامل مع العناصر المرئية على شاشة الحاسوب، يظهر العنصر ذو الترتيب Z-order 1 بصريًا "أسفل" عنصر ذي ترتيب Z-order 2 أو أعلى. وهذا يُشبه إنشاء "طبقات" من العناصر، حيث يُحدد ترتيب Z-order العنصر الذي يعلو الآخر. يمكن لصفحة HTML استخدام CSS لتحديد ترتيب Z-order، مما يسمح بوضع بعض العناصر فوق بعضها البعض.

يُستخدم ترتيب العناصر (Z-ordering) أيضًا في تطبيقات ثلاثية الأبعاد لتحديد مدى رؤية الكائنات بناءً على تداخلها مع كائنات أخرى. وهذا يُحسّن سرعة المعالجة للمستخدم، إذ لا يحتاج الحاسوب إلى عرض الكائنات غير المرئية. ^{[ 1 ]} عمليًا، قد تكون بعض الكائنات محجوبة جزئيًا فقط، وهذا تعقيد يجب أخذه في الحسبان.

في بدايات الرسومات ثلاثية الأبعاد الآنية، كان ترتيب العمق (Z-order) يُطبق على كل مضلع على حدة لتجنب استخدام مخزن العمق (Z-buffer)، الذي كان يُعتبر مكلفًا في ذلك الوقت. أما في الرسومات ثلاثية الأبعاد الحديثة، فيُستخدم ترتيب العمق (Z-order) للرسم المعتمد على الترتيب، كما هو الحال مع الأجسام شبه الشفافة. ويمكن استخدامه أيضًا للحد من مشكلة تداخل العمق (Z-fighting )، إما برسم الأجسام الأبعد أولًا ثم استخدام متباينة ضعيفة لاختبار العمق، أو بالعكس، بالرسم من الأمام إلى الخلف واستخدام متباينة صارمة.

يُعرف الرقم الفعلي المُخصص لموقع معين في ترتيب Z أحيانًا باسم z-index. وبشكل خاص، تُعرف خاصية CSS التي تُحدد ترتيب العناصر في المكدس باسم z-index. ويكون العنصر ذو الترتيب الأعلى في المكدس دائمًا أمام عنصر آخر ذي ترتيب أقل. ^{[ 2 ]}

يمكن استخدام القيم السالبة بنفس الطريقة. ستظهر القيمة السالبة خلف القيمة الموجبة. z-indexيعمل هذا فقط على العناصر التي لها قيمة موضع (مثل z-index position: relative;)، وبالنسبة للعديد من المبرمجين، يُعد هذا أحد أول الأشياء التي يتم التحقق منها عند تصحيح أخطاء عدم عمل z-index. ^{[ 3 ]}

مثل جميع خصائص CSS الأخرى، يمكن ضبطها باستخدام JavaScript ، بالصيغة التالية:

object.style.zIndex = 1 ;​​​​

• مخزن Z