آموزش SwiftUI Animations iOS 16 - هر چیزی را با SwiftUI متحرک کنید

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

معرفی Introduction

• ویدئوی تبلیغاتی Promotion Video

SwiftUI چیست؟ - برنامه نویسی دستوری آیه اعلانی What is SwiftUI? - Declarative verse Imperative Programming

• برنامه نویسی دستوری آیه اعلانی Declarative verse Imperative Programming

پشته ها Stacks

• پشته ها Stacks

متن و اصلاح کننده ها Text and Modifiers

• متن و اصلاح کننده ها قسمت 1 Text and Modifiers part 1

• متن و اصلاح کننده ها قسمت 2 Text and Modifiers part 2

• متن و اصلاح کننده ها قسمت 3 Text and Modifiers part 3

TextField - State - و اصلاح کننده ها TextField - State - and modifiers

• TextField - State - و اصلاح کننده ها TextField - State - and modifiers

تصویر و اصلاح کننده های آن Image and its modifiers

• تصویر و اصلاح کننده ها قسمت 1 Image and modifiers part 1

• تصویر و اصلاح کننده ها قسمت 2 Image and modifiers part 2

پروژه 1 - دایره دوستان - متحرک سازی حلقه ها (سطح مهارت - آسان) Project 1 - Circle of Friends - Animating circles (Skill level - Easy)

• مقدمه پروژه 1 Introduction to project 1

• سخنرانی های حلقه های متحرک Animating Circles Lectures

پروژه 2 - فکر می کنم این یک رکورد است - پخش کننده ضبط (سطح مهارت - آسان) Project 2 - I think that’s a record - Record Player (Skill level - Easy)

• مقدمه پروژه 2 Introduction to project 2

• قسمت 1 - اضافه کردن جعبه ضبط - ضبط - بازو Part 1 - Add the Record box - Record - Arm

• قسمت 2 - اضافه کردن دکمه پخش - صدا Part 2 - Add the play button - Sound

پروژه 3 - هی تو! - چرخش رنگ مثال 1 (سطح مهارت - آسان) Project 3 - Hey You! - Hue rotation example 1 (Skill level - Easy)

• مقدمه پروژه 3 Introduction to project 3

• چرخش رنگ مثال 1 Hue rotation example 1

پروژه 4 - تنفس گل (سطح مهارت - متوسط) Project 4 - Breathing Flower (Skill level - Intermediate)

• معرفی گل تنفس Breathing Flower Intro

• قسمت 1 - گل ها را اضافه کنید و نفس بکشید Part 1 - Add the flowers and breath

• قسمت 2 - اضافه کردن برف Part 2 - Adding the snow

پروژه 5 - پرنده میهنی - پرواز عقاب (سطح مهارت - آسان) Project 5 - Patriotic Bird - Flying Eagle (Skill level - Easy)

• مقدمه پروژه 5 Introduction to project 5

• پرواز عقاب Flying Eagle

پروژه 6 - Dodgeball کسی هست؟ - فواره SpriteKit (سطح مهارت - آسان) Project 6 - Dodgeball Anyone? - SpriteKit Fountain (Skill level - Easy)

• پروژه 6 مقدمه Project 6 Introduction

• فواره SpriteKit SpriteKit Fountain

پروژه 7 - رنگ ها بسیار رنگارنگ هستند - چرخش رنگ سابق 2 (سطح مهارت متوسط) Project 7 - Hue are so colorful - Hue Rotation ex 2 (Skill level Intermediate)

• پروژه 7 مقدمه Project 7 Introduction

• مثال 2 چرخش رنگ Hue Rotation example 2

پروژه 8 - دلایل اخراج - انتقال متحرک (سطح مهارت - پیشرفته) Project 8 - Grounds for dismissal - Animate Transition (Skill level - Advanced)

• پروژه 8 مقدمه Project 8 Introduction

• قسمت 1 - نمای تنظیمات را بسازید Part 1 - Build the Settings View

• قسمت 2 - عملکرد تبدیل حال و رد را ایجاد کنید Part 2 - Create the Present and Dismiss transformation functionality

• قسمت 3 - ارائه و رد انتقال Part 3 - Presenting and dismissing the transition

پروژه 9 - اختلاف منظر! - جلوه اختلاف منظر (سطح مهارت - آسان) Project 9 - Parallax this! - Parallax Effect (Skill level - Easy)

• مقدمه پروژه 9 Project 9 Introduction

• اثر اختلاف منظر Parallax Effect

پروژه 10 - به آسانسور نیاز دارید؟ - آسانسور (سطح مهارت - متوسط) Project 10 - Need a Lift? - Elevator (Skill level - Intermediate)

• پروژه 10 مقدمه Project 10 Introduction

• بخش 1 - ایجاد مدل داده Part 1 - Creating the Data Model

• قسمت 2 - اضافه کردن آسانسور و افراد Part 2 - Adding the elevator and people

• قسمت 3 - کنار هم قرار دادن UI Part 3 - Putting the UI together

پروژه 11 - وارد چرخش آن شوید (سطح مهارت - آسان) Project 11 - Get into the Swing of it (Skill level - Easy)

• پروژه 11 مقدمه Project 11 Introduction

• انیمیشن در حال چرخش Swinging Animation

پروژه 12 - شب پر ستاره - ستاره های چشمک زن (سطح مهارت - پیشرفته) Project 12 - Starry Starry Night - Twinkling Stars (Skill level - Advanced)

• پروژه 12 مقدمه Project 12 Introduction

• قسمت 1 - راه اندازی - تابع مسیر را پر کنید Part 1 - Setting up - Fill out the path function

• قسمت 2 - ایجاد ستاره ها Part 2 - Creating the stars

پروژه 13 - دوست آب و هوا - رابط کاربری آب و هوا (سطح مهارت - متوسط) Project 13 - A fair weather friend - Weather UI (Skill level - Intermediate)

• پروژه 13 مقدمه Project 13 Introduction

• قسمت 1 - راه اندازی - اضافه کردن مدل داده - انتخاب کننده Part 1 - Setting up - Add the data model - Picker

• قسمت 2 - اضافه کردن نمودار - انیمیشن های متنی Part 2 - Add the graph - Text animations

• قسمت 3 - متحرک سازی Part 3 - Animating

• قسمت 4 - اضافه کردن بسته های سوئیفت Part 4 - Adding Swift packages

پروژه 14 - Gear up - چرخش محور X، Y و Z (سطح مهارت - متوسط) Project 14 - Gear up - X, Y, and Z Axis Rotation (Skill level - Intermediate)

• معرفی پروژه Introduction to the Project

• قسمت 1 - Gears را ایجاد کنید Part 1 - Create the Gears

• قسمت 2 - ایجاد کمربند Part 2 - Create the Belts

• قسمت 3 - شفت چرخ دنده را ایجاد کنید Part 3 - Create the Gear shaft

• قسمت 4 - نمای فن را ایجاد کنید Part 4 - Create the Fan View

• قسمت 5 - قرار دادن همه آنها در ContentView Part 5 - Putting it all together in the ContentView

پروژه 15 - ایجاد چند موج (سطح مهارت - پیشرفته) Project 15 - Make Some Waves (Skill level - Advanced)

• پروژه 15 مقدمه Project 15 Introduction

• قسمت 1 - ایجاد و متحرک کردن امواج Part 1 - Creating and animating the waves

• قسمت 2 - اضافه کردن بویه و جلوه های صوتی Part 2 - Adding the buoy and sound effects

پروژه 16 - A Stroke of Insight - انیمیشن Strokes (سطح مهارت - پیشرفته) Project 16 - A Stroke of Insight - Animating Strokes (Skill level - Advanced)

• پروژه 16 - مقدمه Project 16 - Introduction

• شکل های قلب را ایجاد کنید - ضربات را متحرک کنید Create the heart shapes - Animate the strokes

پروژه 17 - مثمر ثمر باشید و چند برابر شوید - دیدگاه را گسترش دهید (سطح مهارت متوسط) Project 17 - Be Fruitful and Multiply - Expand a View (Skill level Intermediate)

• پروژه 17 مقدمه Project 17 Introduction

• مشاهده را اضافه کنید Add View

پروژه 18 - روشن کردن - سوئیچ نور (سطح مهارت - متوسط) Project 18 - Lighten Up - Light Switch (Skill level - Intermediate)

• مقدمه پروژه 18 Intro to project 18

• کلید برق Light Switch

پروژه 19 - Lets Connect - انیمیشن بارگیری WiFi (سطح مهارت - پیشرفته) Project 19 - Lets Connect - WiFi Loading Animation (Skill level - Advanced)

• معرفی پروژه 19 Project 19 Intro

• قسمت 1 - امیتر و قوس ها را ایجاد کنید Part 1 - Create the emitter and arcs

• قسمت 2 - قرار دادن همه آنها در ContentView Part 2 - Putting it all together in ContentView

پروژه 20 - هرگز یک کتاب را از روی فیلمش قضاوت نکنید - Book Loader (سطح مهارت - پیشرفته) Project 20 - Never judge a book by its movie - Book Loader(Skill level-Advanced)

• مقدمه پروژه 20 Intro to project 20

• قسمت 1 - ایجاد ستون فقرات - ایجاد صفحات Part 1 - Create the spine - Create the pages

• قسمت 2 - چیدن کتاب Part 2 - Putting the book together

سایر منابع انیمیشن و آموزش برای کشف توسط شوبهام سینگ با استعداد Other animation resources and tutorials to explore by the talented Shubham Singh

• انیمیشن های SwiftUI و سایر منابع از Shubham Singh SwiftUI Animations and other resources from Shubham Singh