آموزش توسعه iOS: طرح بندی خودکار به صورت برنامه ریزی شده

سرفصل ها و درس ها

مقدمه Introduction

• خوش آمدی Welcome

• آنچه باید بدانید What you should know

• گرم کردن شبیه سازها Warming up the simulators

• با استفاده از پرونده های تمرینی Using the exercise files

1. مفاهیم اساسی در طرح بندی خودکار 1. Basic Concepts in Auto Layout

• نمایش ها و قاب ها Views and frames

• چرا از طرح بندی خودکار برنامه نویسی استفاده می کنیم؟ Why use programmatic Auto Layout?

• پین ها ، ترازها و اندازه ها را درک کنید Understand pins, aligns, and sizes

• چالش: برنامه ریزی چیدمان خودکار Challenge: Planning Auto Layout

• راه حل: برنامه ریزی چیدمان خودکار Solution: Planning Auto Layout

• نماد طرح بندی خودکار The Auto Layout notation

2. محدودیت های کدگذاری 2. Coding Constraints

• آماده سازی اولیه Basic preparation

• محدودیت های فردی و اندازه Pin and size individual constraints

• لنگرگاه ها و منطقه امن Anchors and the safe area

• تراز نمایها Align views

• خطاها در طرح بندی خودکار Errors in Auto Layout

• خطاها در طرح بندی خودکار Errors in Auto Layout

• نمایش اندازه با ضرب Size views with multipliers

• نسبت ابعاد با ضرب Aspect ratio with multipliers

• چالش: جو دوسر Challenge: Oatmeal

• راه حل: جو دوسر Solution: Oatmeal

3. زبان قالب بصری 3. The Visual Format Language

• برای زبان فرمت ویژوال آماده شوید Prepare for the Visual Format Language

• مبانی فرمت ویژوال Visual Format basics

• ثابت پین فرمت ویژوال Visual Format pin constants

• تراز و محدودیت های متعدد Alignment and multiple constraints

• از اندازه ها با قالب Visual استفاده کنید Use sizes with Visual Format

• اندازه گیری ها ، حاشیه ها و لنگرگاه ها Metrics, margins, and anchors

• خطاها در قالب ویژوال Errors in Visual Format

• چالش: کره بادام زمینی Challenge: Peanut butter

• راه حل: کره بادام زمینی Solution: Peanut butter

4. نمایش پشته 4. Stack Views

• نمای پشته را اضافه کنید Add a stack view

• ویژگی و اندازه تراز The alignment property and size

• توزیع و اندازه توزیع The distribution property and size

• تصاویر در نمای پشته Images in stack views

• نمایش پشته آشیانه Nest stack views

• چالش: بهار می چرخد Challenge: Spring rolls

• راه حل: بهار می چرخد Solution: Spring rolls

5. طرح بندی پیشرفته 5. Advanced Layout

• جاسازی زیرنویسها Embed subviews

• محدودیت ها به زیرنویس ها اضافه کنید Add constraints to subviews

• زبان فرمت ویژوال را به زیرنویس ها اضافه کنید Add Visual Format Language to subviews

• اندازه محتوای ذاتی Intrinsic content size

• نابرابری در محدودیت ها Inequalities in constraints

• اولویت های محدودیت های رمزگذاری شده Priorities in coded constraints

• دامنه اندازه در قالب Visual Size ranges in Visual Format

• چالش: ماکارونی Challenge: Pasta

• راه حل: ماکارونی Solution: Pasta

6. کلاس اندازه 6. Size Classes

• چرا از کلاس های اندازه استفاده می کنیم؟ Why use size classes?

• مجموعه صفات Trait collections

• کلاس اندازه را تعیین کنید Determine the size class

• صفات پویا در آیفون تغییر می کند Dynamic trait changes on iPhone

• تغییرات ویژگی پویا در iPad Dynamic trait changes on iPad

• تغییرات ویژگی پویا در iPad (ادامه) Dynamic trait changes on iPad (continued)

• چالش: کیک Challenge: Cake

• راه حل: کیک Solution: Cake

نتیجه Conclusion

• مراحل بعدی Next steps