آموزش ارتقا سطح در طرح‌بندی خودکار - سوئیفت و iOS

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

خانه داری House Keeping

• مقدمه - خوش آمدید! Introduction - Welcome!

• مقدمه - خوش آمدید! Introduction - Welcome!

• Xcode را دانلود کنید Download Xcode

• Xcode را دانلود کنید Download Xcode

• منابع و پیوندها Resources and Links

خانه داری House Keeping

• منابع و پیوندها Resources and Links

لنگرها Anchors

• مقدمه: مجریان و نحوه کار آنها Intro: Anchors & How They Work

• مقدمه: مجریان و نحوه کار آنها Intro: Anchors & How They Work

• آزمایشگاه: تغییر جهان با لنگرها Lab: Changing The World with Anchors

• آزمایشگاه: تغییر جهان با لنگرها Lab: Changing The World with Anchors

• Layout Guides چیست؟ What are Layout Guides?

• آزمایشگاه: SafeAreaGuides Lab: SafeAreaGuides

• آزمایشگاه: SafeAreaGuides Lab: SafeAreaGuides

• آزمایشگاه: راهنماهای حاشیه پیش فرض Lab: Default Margin Guides

• Lab: Layout Margins as Spacer Guides Lab: Layout Margins as Spacer Guides

• Lab: Layout Margins as Spacer Guides Lab: Layout Margins as Spacer Guides

• آزمایشگاه: راهنمای ReadbleContent Lab: ReadbleContent Guides

• چالش طراحی: صفحه پیکربندی Spotify Design Challenge: Spotify Configuration Screen

• راه حل: صفحه پیکربندی Spotify Solution: Spotify Configuration Screen

• پیوندهایی که کمک می کنند Links That Help

لنگرها Anchors

• Layout Guides چیست؟ What are Layout Guides?

• آزمایشگاه: راهنماهای حاشیه پیش فرض Lab: Default Margin Guides

• آزمایشگاه: راهنمای ReadbleContent Lab: ReadbleContent Guides

• چالش طراحی: صفحه پیکربندی Spotify Design Challenge: Spotify Configuration Screen

• راه حل: صفحه پیکربندی Spotify Solution: Spotify Configuration Screen

• پیوندهایی که کمک می کنند Links That Help

اندازه محتوای ذاتی Intrinsic Content Size

• مقدمه: اندازه محتوای ذاتی Intro: Intrinsic Content Size

• مقدمه: اندازه محتوای ذاتی Intro: Intrinsic Content Size

• اندازه محتوای درونی چیست؟ What is Intrinsic Content Size?

• آزمایشگاه: عدم فعالیت اندازه محتوای ذاتی Lab: Intrinsic Content Size Inaction

• آزمایشگاه: عدم فعالیت اندازه محتوای ذاتی Lab: Intrinsic Content Size Inaction

• آزمایشگاه: مقاومت در آغوش گرفتن و فشرده سازی محتوا Lab: Content Hugging & Compression Resistance

• کار با تصاویر Working with Images

• چالش طراحی: Spotify Player Design Challenge: Spotify Player

• چالش طراحی: Spotify Player Design Challenge: Spotify Player

• راه حل: Spotify Player Solution: Spotify Player

• پیوندهایی که کمک می کنند Links That Help

اندازه محتوای ذاتی Intrinsic Content Size

• اندازه محتوای درونی چیست؟ What is Intrinsic Content Size?

• آزمایشگاه: مقاومت در آغوش گرفتن و فشرده سازی محتوا Lab: Content Hugging & Compression Resistance

• کار با تصاویر Working with Images

• راه حل: Spotify Player Solution: Spotify Player

• پیوندهایی که کمک می کنند Links That Help

StackViews StackViews

• مقدمه: The Humble StackView Intro: The Humble StackView

• مقدمه: The Humble StackView Intro: The Humble StackView

• نسخه ی نمایشی: چه چیزی در مورد StackViews عالی است؟ Demo: What's So Great About StackViews?

• نسخه ی نمایشی: چه چیزی در مورد StackViews عالی است؟ Demo: What's So Great About StackViews?

• ترفند درک توزیع های StackView The Trick to Understanding StackView Distributions

• ترفند درک توزیع های StackView The Trick to Understanding StackView Distributions

• آزمایشگاه: StackView Distributions in Action Lab: StackView Distributions in Action

• مقدمه: نماهای سفارشی در StackViews Intro: Custom Views within StackViews

• مقدمه: نماهای سفارشی در StackViews Intro: Custom Views within StackViews

• آزمایشگاه: نمایش های سفارشی و StackViews Lab: Custom Views and StackViews

• آزمایشگاه: StackViews قابل پیمایش Lab: Scrollable StackViews

• آزمایشگاه: StackViews قابل پیمایش Lab: Scrollable StackViews

• آزمایشگاه: استایل دادن به StackViews Lab: Styling StackViews

• آزمایشگاه: Spacers & StackViews Lab: Spacers & StackViews

• آزمایشگاه: Spacers & StackViews Lab: Spacers & StackViews

• چالش طراحی: مقدمه Design Challenge: Intro

• چالش طراحی: نمای سفارشی Design Challenge: Custom View

• راه حل: نمای سفارشی Solution: Custom View

• راه حل: نمای سفارشی Solution: Custom View

• چالش طراحی: نمایش پشته Design Challenge: Stack View

• راه حل: نمایش پشته Solution: Stack View

• راه حل: نمایش پشته Solution: Stack View

• چه چیزی میخواهید بدانید What You Need To Know

• چه چیزی میخواهید بدانید What You Need To Know

• پیوندهایی که کمک می کنند Links That Help

StackViews StackViews

• آزمایشگاه: StackView Distributions in Action Lab: StackView Distributions in Action

• آزمایشگاه: نمایش های سفارشی و StackViews Lab: Custom Views and StackViews

• آزمایشگاه: استایل دادن به StackViews Lab: Styling StackViews

• چالش طراحی: مقدمه Design Challenge: Intro

• چالش طراحی: نمای سفارشی Design Challenge: Custom View

• چالش طراحی: نمایش پشته Design Challenge: Stack View

• پیوندهایی که کمک می کنند Links That Help

چیدمان های تطبیقی Adaptive Layouts

• مقدمه ای بر طرح ها و چیدمان های تطبیقی Introduction to Adaptive Layouts & Designs

• مقدمه ای بر طرح ها و چیدمان های تطبیقی Introduction to Adaptive Layouts & Designs

• تکنیک‌هایی برای تطبیق طرح‌ها و طرح‌ها Techniques for Adapting Layouts & Designs

• تکنیک‌هایی برای تطبیق طرح‌ها و طرح‌ها Techniques for Adapting Layouts & Designs

• آزمایشگاه: چگونه با تنظیم ثابت ها چیدمان خود را تطبیق دهیم Lab: How to Adapt Your Layout By Adjusting Constants

• آزمایشگاه: چگونه با تنظیم ثابت ها چیدمان خود را تطبیق دهیم Lab: How to Adapt Your Layout By Adjusting Constants

• آزمایشگاه: چگونه با فعال کردن و غیرفعال کردن محدودیت ها چیدمان خود را تطبیق دهید Lab: How to Adapt Your Layout by Enabling & Disabling Constraints

• آزمایشگاه: چگونه با فعال کردن و غیرفعال کردن محدودیت ها چیدمان خود را تطبیق دهید Lab: How to Adapt Your Layout by Enabling & Disabling Constraints

• آزمایشگاه: نحوه تطبیق طرح‌بندی‌ها با استفاده از Visibility Lab: How to Adapt Layouts Using Visibility

• آزمایشگاه: نحوه تطبیق طرح‌بندی‌ها با استفاده از Visibility Lab: How to Adapt Layouts Using Visibility

• چالش طراحی: برچسب را تکان دهید Design Challenge: Nudge the Label

• آزمایشگاه: نحوه تطبیق طرح‌بندی‌ها با استفاده از Spacer Views Lab: How to Adapt Layouts Using Spacer Views

• چالش طراحی: پخش کننده تطبیقی ​​Spotify Design Challenge: Adaptive Spotify Player

• راه حل: چیدمان تطبیقی ​​با محدودیت ها Solution: Adaptive Layout with Constraints

• راه حل: چیدمان تطبیقی ​​با فاصله Solution: Adaptive Layout with Spacers

• پیوندهایی که کمک می کنند Links That Help

• PDF دوره Course PDF

• کلمات پایانی Final Words

چیدمان های تطبیقی Adaptive Layouts

• چالش طراحی: برچسب را تکان دهید Design Challenge: Nudge the Label

• آزمایشگاه: نحوه تطبیق طرح‌بندی‌ها با استفاده از Spacer Views Lab: How to Adapt Layouts Using Spacer Views

• چالش طراحی: پخش کننده تطبیقی ​​Spotify Design Challenge: Adaptive Spotify Player

• راه حل: چیدمان تطبیقی ​​با محدودیت ها Solution: Adaptive Layout with Constraints

• راه حل: چیدمان تطبیقی ​​با فاصله Solution: Adaptive Layout with Spacers

• پیوندهایی که کمک می کنند Links That Help

• PDF دوره Course PDF

• کلمات پایانی Final Words