الرئيسية المنتدى مركز رفع الصور صفحتنا على الفيس قناة اليوتيوب صفحتنا على تويتر واتس اب قوانين المنتدى
منتدى مجمع التطوير    

العودة   منتدى مجمع التطوير > المنتدى المتخصص > لغـات البرمجـة والمشـاريع الجـاهزة > برمجة الويب web development

الملاحظات

برمجة الويب web development يهتم ببرامج الويب php, Sql, Java ,asp.net ,xml ,html

آخر 10 مشاركات مواقع للحصول على باك لينكس عالية (الكاتـب : admin - آخر مشاركة : سنبول - مشاركات : 1 - المشاهدات : 1588 - الوقت: 10:19 PM - التاريخ: 09-23-2021)           »          التقليد المذموم (الكاتـب : admin - مشاركات : 0 - المشاهدات : 346 - الوقت: 06:44 PM - التاريخ: 09-06-2021)           »          الخداع (الكاتـب : admin - مشاركات : 0 - المشاهدات : 256 - الوقت: 06:43 PM - التاريخ: 09-06-2021)           »          إعلانات شركة Admaven (الكاتـب : سنبول - مشاركات : 0 - المشاهدات : 401 - الوقت: 04:20 PM - التاريخ: 08-26-2021)           »          جدار روحك يريد أن ينقض (الكاتـب : admin - مشاركات : 0 - المشاهدات : 451 - الوقت: 11:27 PM - التاريخ: 08-23-2021)           »          سعر الذهب في مصر وعالميا صباح اليوم الخميس 12 أغسطس 2021 (الكاتـب : admin - مشاركات : 0 - المشاهدات : 424 - الوقت: 02:58 PM - التاريخ: 08-12-2021)           »          تأملت والدنيا (الكاتـب : admin - مشاركات : 0 - المشاهدات : 470 - الوقت: 10:54 PM - التاريخ: 08-03-2021)           »          وكن راضيا (الكاتـب : admin - مشاركات : 0 - المشاهدات : 451 - الوقت: 10:54 PM - التاريخ: 08-03-2021)           »          طوبا لمن عاش في هذه الدنيا غريبا (الكاتـب : admin - مشاركات : 0 - المشاهدات : 461 - الوقت: 10:53 PM - التاريخ: 08-03-2021)           »          لا تشكُ للناسِ (الكاتـب : admin - مشاركات : 0 - المشاهدات : 472 - الوقت: 10:52 PM - التاريخ: 08-03-2021)

إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 05-28-2021, 03:30 AM
الصورة الرمزية الادارة كريم
الادارة كريم 
مشرف سابق
 
تاريخ التسجيل: May 2021
الدولة: مصر
المشاركات: 397
معدل تقييم المستوى: 22
الادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to behold


افتراضي تعرف على مكونات الـ Auto Layout

 

الان وبعد اخدنا لفكرة عامة عن الـ Auto Resizing

حان الوقت الانتقال لموضوع الـ Auto Layout كما ذكرت سابقا الـ Auto Layout تم اضافته منذ 2012 وتحديدا عند الإعلان عن الـ iphone 5 بحجم شاشة مختلف عن الـ iphone 4
الـ Auto Layout سبب في نقلة نوعيه كبيره وفي تسهيل على المطورين إضافة القيود بحيث اصبح بإمكانهم وضع قيود معقده وبسهولة قبل أن اتطرق لاهم قوانينه عند فهمها سوف تسهلك التعامل معاه سوف ابدا بشرح اهم النقاط
بدايتنا لنفهم معنى الرموز والخيارات
في الـ storyboard سوف تجد عدة ايقونات في اسفل الصفحة

الايقونة الأولى :


عباره عن خطين عاموديه وفي المنتصف علامة مثلث يطلق عليها resolve auto layout issues ومن اسمها وظيفتها حل مشاكل الـ Auto Layout
الخيارات الموجودة كما في الصورة التالية :


بداية سوف تلاحظ بأنه الخيارات مقسمه لقسمين
  • القسم الأول: selected views وتعني العناصر المحددة سوف يتم تنفيذ عليها أي امر تختاره من القائمة
  • القسم الثاني: All views in view controller ومعناها جميع العناصر الموجودة سوف يتم تطبيق عليها أي امر تختاره
الخيارات هيا :
Update constraints ومعناها تحديث القيود تستخدم عندما تقوم بوضع قيود على العنصر ومن ثم تغير من حجمه او موقعه سوف تجد بأن الخطوط تغيرت من الأزرق الى البرتقالي اذا اردت أن تحدث القيود تقوم بالضغط على هذا الخيار
في حال أردت أن تعيد العنصر للقيود السابقة تضغط على الايقونة الأخيرة الي عباره عن علامة سهم بشكل دائرة Update Frames او تقوم بالتراجع بالضغط على cmd + z
نعود للخيارات
سوف تجد خيارين
  • Add missing constraints
  • Reset to suggested constraints
كلاهما يقومان بإضافة قيود مقترحه الأول يضيف قيود الناقصة او يضيف جميع القيود في حال لم تضغط أي قيود والثاني يقوم بإضافة او تغير القيود الى قيود جديدة
وظيفتهم مشابهه بشكل كبير وكلهما لا يعتمد عليهم غالبا سوف يضيف قيود غير صحيحه او غير الذي تريده أحيانا تكون استخدام هذه الخيارات مفيدة وتسرع العمل
بشرط أن تقوم بتعديل القيود بشكل يدوي بمعنى تحذف القيد الخاطئ وتضيف قيد جديد في اغلب الأوقات لا يتم استخدامهم لانه من الأفضل أن تضيف القيود بنفسك وحسب رغبتك

الخيار الأخير هو Clear constraints
ووظيفته هو حذف جميع القيود يستخدم في حال لم تعلم ماهي المشكلة وتريد إعادة إضافة جميع القيود من جديد سوا للعنصر المحدد او لجميع العناصر
وأيضا يستخدم في حال اردت إضافة Auto Resizing لانه كما ذكرت سابقا يجب إزالة جميع القيود للعنصر لاستخدام الـ Auto Resizing
ولكن العكس غير صحيح في حال استخدمت الـ Auto Resizing تستطيع إضافة الـ Auto Layout وسوف يقوم بتجاهل الـ Auto Resizing

الايقونة الثانية :


عباره عن خطين عاموديه وبينهم مربع في المنتصف يطلق عليها Add New Constraints هذه اهم ايقونة ومنها تضيف القيود
الخيارات الموجودة كما في الصورة التالية :

  1. إضافة قيد لفوق Top
  2. إضافة قيد لليمين Trailing
  3. إضافة قيد للأسفل Bottom
  4. إضافة قيد لليسار Leading
  5. تثبيت العرض Width
  6. تثبيت الارتفاع Height
  7. جعل عنصرين محدده أو اكثر بنفس العرض Equal Widths
  8. جعل عنصرين محدده أو اكثر بنفس الإرتفاع Equal Heights
  9. جعل العنصر يكبر او يصغر بنسبه معينه Aspect Ratio
  10. إضافة القيود بالضغط على زر Add Constraints او تستطيع الضغط على زر الرجوع في الكيبورد لإضافتهم بدون الحاجة للضغط على هذا الزر

هل تلاحظ السهم عند الخيارات 1,2,3,4؟
هذا السهم سوف تحتاج الى استخدامه لتحديد هل تريد أن يكون القيد مرتبط بأي عنصر هل هو بالعنصر الأول او الثاني ؟
عند عدم وجود عناصر أخرى سوف يكون هناك خيارين الأول ربطه بالـ view والأخر Save Area في اغلب الاحول يتوجب عليك ربطه بالـ Save Area
لانه مثلا اذا كان هناك label لا تريد أنه يكون الـ label في فوق شريط الساعة او فوق النوتش في الـ iPhone X ولكن عند إضافة صورة او خريطة الأفضل
هو ربطه بالـ View بحيث تغطي جميع الشاشة
هذه صورة للخيارات الذي سوف تظهر اعتمادا على العناصر الموجودة في الصفحة
كما تلاحظ هناك عنصر Label محتواه hi there ظاهر ضمن الخيارت والسبب هو لانه العنصر الحالي اسفل عنصر الـ Lable

الايقونة الثالثه :


عبراه عن مستطيلين فوق بعض يطلق عليه Align وتعني اصطفاف
الخيارات الموجودة كما في الصورة التالية :

القسم هذا لا يستخدم بكثره فيه غير خيارين وهما
  • Horizontally in Container
  • Vertically in Container
تفعيلهم مع بعض سوف يجعل العنصر في منتصف الصفحة
بقية الخيارات لا تستخدم غالبا لكن فكرتها التالي يتوجب عليك تحديد عنصرين على الأقل عنصر واحد على الأقل يجب ان يحتوي على قيود مسبقا
العنصر الاخر يجب ان يكون هناك قد Top بينه وبين العنصر السابق (في حالة اردت استخدام Leading/ Trailing edge)
ومن ثم تستطيع اختيار أي خيار من الخيارات التي في الاعلى كمثال اذا اخترت Leading Edges سوف يجعل العنصرين محاذاتهم من اليسار لليمين

تبقى ٣ خيارات
  • Horizontal Center
  • Vertical Center
  • Frist Baselines
الخيارات هذه تستخدم لتوسيط عنصر فوق عنصر اخر
مثلا عندك label وأيضا view تريد جعل الـ label في منتصف الـ view فهنا سوف تفعل الخيارين
  • Horizontal Center
  • Vertical Center
ولكن اذا اردت جعل الـ label في بداية حافة الـ view بمعنى اخر جعله فوقه تماماً فهنا سوف تستخدم
  • Frist Baselines

الايقونة الرابعه :


عباره عن مربع وبداخلها سهم الى الأسفل يطلق عليها Embed In ووظيفتها إضافة العناصر المحددة الى عنصر اخر
الخيارات الموجودة كما في الصورة التالية :

اهم الخيارات هيا
  • View ( سيتم شرحه لاحقاً)
  • StackView ( سيتم شرحه لاحقاً)
  • وأيضا هناك الـ Scroll View ووظيفته إضافة شريط تمرير وعناصر مختلفة (لن أذكره في هذا الدرس)


الموضوع الأصلي : تعرف على مكونات الـ Auto Layout || الكاتب : الادارة كريم || المصدر : منتدى مجمع التطوير

 

رد مع اقتباس
قديم 05-28-2021, 03:31 AM   #2
admin
✯ ادارة المنتدى ✯
 
الصورة الرمزية admin
 
تاريخ التسجيل: Mar 2021
الدولة: مصر
المشاركات: 733
معدل تقييم المستوى: 10
admin is a splendid one to beholdadmin is a splendid one to beholdadmin is a splendid one to beholdadmin is a splendid one to beholdadmin is a splendid one to beholdadmin is a splendid one to behold


افتراضي

اعزك الله ووفقك دوما
تحياتى لك
admin غير متواجد حالياً
 
رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[شرح] Auto Resizing الادارة كريم برمجة الويب web development 0 05-28-2021 03:29 AM
شرح اضافة الخط الكوفي لمنتديات الجيل الخامس vbulletin 5 admin ركن الموضوعات المخالفة والمكررة 0 03-29-2021 09:53 PM

 

موقع ومنتديات مجمع التطوير موقع يختص بالبرمجة والبرامج المساعدة  للتصاميم والأدوات المساعدة ,مع تقديم العون والمساعدة لكل مبرمج من خلال الأقسام المحددة , كما نعرض الأعمال الجاهزة والمفتوحة المصدر. ويهتم أيضا بالتصاميم والجرافيك وبرامجها وعرض التصاميم وملحقات التصاميم والأدوات المساعدة .كما نتمنى التوفيق لنا ولكم مع أجمل تحية مقدمة منا. 

  • الرئــيســية

  • الــمنــتـدى

  • مركز الرفع

  • التسـجـيل

  • قوانين المنتدى

  • التعـلـيمـات

  • الترقيات

check pagerank

 Flag Counter

كلمة الإدارة  منتدى مجمع التطوير غير مسئول عن أي طرح من الأعضاء فتلك الموضوعات تعبر عن رأى صاحبها ومن خلال وضع قوانين وتعليمات المشاركة بالمنتدى نسعى جاهدين لتطبيق تلك التعليمات. والمنتدى أيضا غير مسئول عن أي اتفاق مالي أو تجارى بين الأعضاء وبذلك تعد هذه الصيغة إخلاء مسئولية من جانب إدارة المنتدى وفقنا ووفقكم الله لما فيه الخير
 
الساعة الآن 09:34 AM


Powered by vBulletin® Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.
جميع الحقوق محفوظة لمجمع التطوير