المهارات Apple HIG: Layout and Navigation Components
📦

Apple HIG: Layout and Navigation Components

آمن

تصميم تخطيطات تكيفية لتطبيقات Apple مع أنماط تنقل HIG

يتطلب بناء التطبيقات لعدة منصات Apple فهم أنماط التنقل المعقدة وتكيّف التخطيطات. توفر هذه المهنة إرشادات Apple الرسمية لواجهة الإنسان (HIG) للقوائم الجانبية وعروض التقسيم وأشرطة التبويب والمزيد لضمان اتباع تطبيقك لاتفاقيات المنصة.

يدعم: Claude Codex Code(CC)
📊 70 كافٍ
1

تنزيل ZIP المهارة

2

رفع في Claude

اذهب إلى Settings → Capabilities → Skills → Upload skill

3

فعّل وابدأ الاستخدام

اختبرها

استخدام "Apple HIG: Layout and Navigation Components". أبني محرر مستندات مع لوحة مفتش. هل يجب أن أستخدم قائمة جانبية أم لوحة؟

النتيجة المتوقعة:

لمحرر مستندات مع مفتش، استخدم لوحة (وليست قائمة جانبية) على macOS. القوائم الجانبية مخصصة للتنقل الأساسي بين الأقسام، بينما اللوحات مخصصة للتحكّمات والخصائص الثانوية التي تكمل المحتوى الرئيسي. على iPad، اعرض المفتش كـ popover أو sheet. المرجع: panels.md لأنماط المفتش، sidebars.md لأنماط التنقل الأساسي.

استخدام "Apple HIG: Layout and Navigation Components". كيف أتعامل مع أشرطة التبويب عندما أملك 6 أقسام علوية؟

النتيجة المتوقعة:

أشرطة تبويب iOS تدعم حدًا أقصى لـ 5 تبويبات مرئية. مع 6 أقسام، استخدم تبويب 'More' للأقسام الإضافية. ومع ذلك، فكّر فيما إذا كانت 6 أقسام علوية تشير إلى فرصة لإعادة الهيكلة باستخدام قائمة جانبية (iPad) أو تنقل متداخل. لـ iPadOS 18+، استخدم .sidebarAdaptable لإظهار القائمة الجانبية تلقائيًا على iPad وشريط التبويب على iPhone. المرجع: tab-bars.md لإرشاد عدد التبويبات، sidebars.md للأنماط البديلة.

التدقيق الأمني

آمن
v1 • 2/25/2026

This skill contains only documentation markdown files referencing Apple Human Interface Guidelines. All 768 static analysis findings are false positives: backtick patterns are markdown code blocks with API names, URLs link to official Apple Developer documentation, and cryptographic/C2 keywords are spurious text matches in design documentation. No executable code, network calls, or system commands present.

12
الملفات التي تم فحصها
1,169
الأسطر التي تم تحليلها
0
النتائج
1
إجمالي عمليات التدقيق
لا توجد مشكلات أمنية
تم تدقيقه بواسطة: claude

درجة الجودة

45
الهندسة المعمارية
100
قابلية الصيانة
87
المحتوى
32
المجتمع
100
الأمان
65
الامتثال للمواصفات

ماذا يمكنك بناءه

تصميم تنقل تطبيق iOS

يحتاج مطوّر يبني أول تطبيق iPad له إلى الاختيار بين أشرطة التبويب والقوائم الجانبية للتنقل. تشرح المهنة متى يجب استخدام كل نمط وكيف يتكيّف NavigationSplitView عبر فئات الأحجام.

استراتيجية التخطيط عبر المنصات

يحتاج فريق يطلق تطبيقًا على iPhone وiPad وMac إلى استراتيجية تنقل موحّدة. توفر المهنة قائمة التحقق للتكيّف وجدول اختيار الأنماط لتخطيط التخطيطات المتجاوبة.

التخطيط المكاني لـ visionOS

يحتاج مطوّر ينشئ أول تطبيق visionOS إلى فهم النوافذ والمجلدات والحلي. تشرح المهنة أنماط التموضع المكاني وإرفاق الحلي.

جرّب هذه الموجهات

اختيار نمط التنقل الأساسي 
أبني تطبيقًا يحتوي على 4 أقسام رئيسية: Home وSearch وLibrary وSettings. أي نمط تنقل يجب أن أستخدم لـ iPhone مقابل iPad؟
إرشاد التخطيط التكيّفي 
تطبيقي يستخدم تخطيطًا بثلاثة أعمدة على iPad لكنه ينكسر على iPhone. كيف يجب أن أكيّف هذا باستخدام NavigationSplitView؟
اتفاقيات خاصة بالمنصة 
ما الفروقات بين القوائم الجانبية في macOS والقوائم الجانبية في iPad؟ متى يجب استخدام كل نمط؟
دعم تعدد المهام المتقدم 
تطبيقي على iPad يحتاج إلى دعم Split View وSlide Over وStage Manager. ما انتقالات فئة الحجم التي يجب اختبارها وكيف أتعامل معها؟

أفضل الممارسات

  • تحقّق دائمًا من apple-design-context.md الموجودة قبل طرح الأسئلة - استخدم المعلومات المتوفرة بالفعل
  • طابق نمط التنقل مع عمق هندسة المعلومات: الهياكل الضحلة تستخدم أشرطة التبويب، التسلسلات الهرمية العميقة تستخدم القوائم الجانبية
  • اختبر تكيّف التخطيطات عند كل انتقال لفئة الحجم وعند كل نسبة تعدد مهام لـ iPad

تجنب

  • استخدام أشرطة التبويب على iPad عندما تكون القائمة الجانبية أفضل للتعامل مع التسلسلات الهرمية العميقة
  • بناء تخطيطات بعرض ثابت لا تتكيّف مع فئات الأحجام المدمجة مقابل العادية
  • تجاهل اتفاقيات visionOS المكانية عند استهداف Apple Vision Pro

الأسئلة المتكررة

متى يجب أن أستخدم قائمة جانبية مقابل شريط تبويب؟
استخدم أشرطة التبويب لـ 3-5 أقسام علوية متساوية مع تنقل مسطّح (iPhone). استخدم القوائم الجانبية للتنقل الهرمي العميق أو عندما تملك أقسامًا عديدة (iPad وMac). iPadOS 18+ يدعم .sidebarAdaptable الذي يعرض القائمة الجانبية تلقائيًا على iPad وشريط التبويب على iPhone.
كيف أجعل تخطيطي يعمل على iPhone وiPad معًا؟
استخدم مكونات تكيفية مثل NavigationSplitView وSizeClass modifiers. صمّم للعرض المدمج (iPhone) أولاً، ثم وسّع للعرض العادي (iPad/Mac). اختبر عند كل انتقال لفئة الحجم واستخدم قائمة التحقق للتكيّف في المهنة.
ما الحد الأقصى لعدد التبويبات التي يمكن عرضها في شريط التبويب؟
أشرطة تبويب iOS تعرض حدًا أقصى لـ 5 تبويبات. العناصر الإضافية تذهب إلى قسم 'More'. إذا احتجت أكثر من 5 أقسام علوية، فكّر في إعادة الهيكلة باستخدام قائمة جانبية أو تسلسل تنقل متداخل.
كيف أدعم تعدد المهام لـ iPad (Split View وSlide Over)؟
اختبر تطبيقك عند كل نسبة تقسيم من الضيق إلى الواسع. تأكّد من إعادة تدفّق المحتوى بشكل مناسب وتكيّف التنقل. استخدم auto-layout وفئات الأحجام بدلاً من الأبعاد الثابتة. المرجع: split-views.md وwindows.md لإرشاد تعدد المهام.
ما هي الحلي (ornaments) في visionOS؟
الحلي (Ornaments) هي عناصر واجهة visionOS مرفقة بالنوافذ لأشرطة الأدوات والتحكّمات دون حجب المحتوى. تظهر عند حواف النوافذ (أعلى، أسفل، بداية، نهاية). استخدم الحلي للتحكّمات الدائمة مع إبقاء المحتوى الرئيسي مرئيًا. المرجع: ornaments.md.
هل يجب استخدام SwiftUI أم UIKit لمكونات التنقل؟
يوفر SwiftUI تكيّفًا مدمجًا مع NavigationSplitView وTabView وNavigationStack التي تتعامل تلقائيًا مع تغيّرات فئة الحجم. يتطلب UIKit عملًا يدويًا أكثر مع UISplitViewController وUINavigationController. للتطبيقات الجديدة، فضّل SwiftUI ما لم تكن تملك متطلبات محددة لـ UIKit.

تفاصيل المطور

المؤلف

sickn33

الترخيص

MIT

المستودع

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/hig-components-layout

مرجع

main

بنية الملفات

📁 references/

📄 boxes.md

📄 column-views.md

📄 lists-and-tables.md

📄 ornaments.md

📄 outline-views.md

📄 panels.md

📄 scroll-views.md

📄 sidebars.md

📄 split-views.md

📄 tab-bars.md

📄 tab-views.md

📄 windows.md

📄 SKILL.md