آموزش جامع انیمیشن در اندروید - آخرین آپدیت

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

مقدمه دوره Introduction to The Course

• آنچه در این دوره خواهید آموخت What You Will Learn in This Course

مقدمه ای بر دوره Introduction to The Course

• آنچه در این دوره خواهید آموخت What You Will Learn in This Course

انیمیشن‌های کلاسیک View اندروi Classic Android View Animation

• انیمیشن در اندروید Animation in Android

• API انیمیشن android.view.animation The android.view.animation API

• انیمیت کردن Viewها با استفاده از API انیمیشن android.view.animation Animating Views Using android.view.animation API

• تعریف انیمیشن‌های View در منابع اندروید Define View Animations in Android Resources

• ایجاد یک منبع انیمیشن Create an animation resource

• جابجایی بین دو Activity با انیمیشن Move Between Two Activities With Animation

• ایجاد انیمیشن بازگشت Create back animation

• AnimationListener برای کمک: ترکیب انیمیشن View و انیمیشن Activity AnimationListener to the Rescue: Combine View Animation and Activity Animation

• ایجاد یک پس‌زمینه انیمیشنی برای یک View Create an Animated Background for a View

• ایجاد یک انتخابگر پس‌زمینه برای Viewهای شما Create A Background Selector for Your Views

انیمیشن ConstraintLayout ConstraintLayout Animation

• با استفاده از گروه ConstraintLayout یک انیمیشن Fade ساده ایجاد کنید Create A Simple Fade Animation Using ConstraintLayout Group

• با استفاده از ConstraintSet یک انیمیشن برجسته ایجاد کنید Create An Outstanding Animation Using ConstraintSet

• ایجاد انیمیشن با استفاده از Placeholder Create Animation Using Placeholder

انیمیشن ConstraintLayout ConstraintLayout Animation

• با استفاده از گروه ConstraintLayout یک انیمیشن Fade ساده ایجاد کنید Create A Simple Fade Animation Using ConstraintLayout Group

• با استفاده از ConstraintSet یک انیمیشن برجسته ایجاد کنید Create An Outstanding Animation Using ConstraintSet

• ایجاد انیمیشن با استفاده از Placeholder Create Animation Using Placeholder

انیمیشن‌های اندروید 3.0 - Animators Android 3.0 Animations - Animators

• مقدمه انیمیتورها Introduction to Animators

• ایجاد یک انیمیتور ساده Create A Simple Animator

• اجرای چندین انیمیتور به طور همزمان Playing Several Animators at The Same Time

• ایجاد انیمیتورهای زنجیره‌شده (ViewPropertyAnimator) Creating Chained Animators (ViewPropertyAnimator)

• ایجاد انیمیشن‌ها از منابع انیمیتور Create Animations From Animator Resources

انیمیشن کلاسیک Android View Classic Android View Animation

• انیمیشن در اندروید Animation in Android

• android.view.animation API The android.view.animation API

• متحرک سازی نماها با استفاده از android.view.animation API Animating Views Using android.view.animation API

• نمایش انیمیشن ها را در منابع اندروید تعریف کنید Define View Animations in Android Resources

• یک منبع انیمیشن ایجاد کنید Create an animation resource

• حرکت بین دو فعالیت با انیمیشن Move Between Two Activities With Animation

• ایجاد انیمیشن پشت سر هم Create back animation

• AnimationListener to the Rescue: ترکیب نمایش انیمیشن و فعالیت انیمیشن AnimationListener to the Rescue: Combine View Animation and Activity Animation

• یک پس زمینه متحرک برای یک نما ایجاد کنید Create an Animated Background for a View

• یک انتخابگر پس زمینه برای نماهای خود ایجاد کنید Create A Background Selector for Your Views

انیمیشن کلاسیک Android View Classic Android View Animation

• انیمیشن در اندروید Animation in Android

• android.view.animation API The android.view.animation API

• متحرک سازی نماها با استفاده از android.view.animation API Animating Views Using android.view.animation API

• نمایش انیمیشن ها را در منابع اندروید تعریف کنید Define View Animations in Android Resources

• یک منبع انیمیشن ایجاد کنید Create an animation resource

• حرکت بین دو فعالیت با انیمیشن Move Between Two Activities With Animation

• ایجاد انیمیشن پشت سر هم Create back animation

• AnimationListener to the Rescue: ترکیب نمایش انیمیشن و فعالیت انیمیشن AnimationListener to the Rescue: Combine View Animation and Activity Animation

• یک پس زمینه متحرک برای یک نما ایجاد کنید Create an Animated Background for a View

• یک انتخابگر پس زمینه برای نماهای خود ایجاد کنید Create A Background Selector for Your Views

صحنه‌ها و گذارها Scenes and Transitions

• مقدمه گذارها Introduction to Transitions

• ایجاد گذارهای ساده Create Simple Transitions

• استفاده از منابع گذار بخش اول Use Transition Resources Part 1

• استفاده از منابع گذار بخش دوم Use Transition Resources Part 2

• اجرای یک گذار معکوس به صحنه اصلی Perform a Reverse Transition to mainScene

Android 3.0 Animations - Animators Android 3.0 Animations - Animators

• مقدمه ای بر انیماتورها Introduction to Animators

• یک انیماتور ساده بسازید Create A Simple Animator

• بازی چند انیماتور همزمان Playing Several Animators at The Same Time

• ایجاد انیماتورهای زنجیره ای (ViewPropertyAnimator) Creating Chained Animators (ViewPropertyAnimator)

• ایجاد انیمیشن از منابع Animator Create Animations From Animator Resources

Android 3.0 Animations - Animators Android 3.0 Animations - Animators

• مقدمه ای بر انیماتورها Introduction to Animators

• یک انیماتور ساده بسازید Create A Simple Animator

• بازی چند انیماتور همزمان Playing Several Animators at The Same Time

• ایجاد انیماتورهای زنجیره ای (ViewPropertyAnimator) Creating Chained Animators (ViewPropertyAnimator)

• ایجاد انیمیشن از منابع Animator Create Animations From Animator Resources

گذارها و گذار المان مشترک پیشرفته Advanced Transitions and Shared Element Transition

• مقدمه گذارهای Lollipop Introduction to Lollipop Transitions

• گذار‌های Explode و Slide Explode and Slide Transitions

• حرکت هماهنگ با استفاده از گذار Slide Coordinated Motion Using Slide Transition

• Transform ها Transforms

• گذار المان مشترک Shared Element Transition

• اشتراک‌گذاری المان‌های متعدد بین دو Activity Share Multiple Elements Between Two Activities

• گذار محتوای پنجره Window Content Transitions

• استفاده از گذارها با Fragments Use Transitions With Fragments

صحنه ها و انتقال ها Scenes and Transitions

• مقدمه ای بر انتقال Introduction to Transitions

• ایجاد انتقال های ساده Create Simple Transitions

• از منابع انتقال بخش 1 استفاده کنید Use Transition Resources Part 1

• از منابع انتقال بخش 2 استفاده کنید Use Transition Resources Part 2

• یک انتقال معکوس به mainScene انجام دهید Perform a Reverse Transition to mainScene

صحنه ها و انتقال ها Scenes and Transitions

• مقدمه ای بر انتقال Introduction to Transitions

• ایجاد انتقال های ساده Create Simple Transitions

• از منابع انتقال بخش 1 استفاده کنید Use Transition Resources Part 1

• از منابع انتقال بخش 2 استفاده کنید Use Transition Resources Part 2

• یک انتقال معکوس به mainScene انجام دهید Perform a Reverse Transition to mainScene

Vector Drawables انیمیشنی (AVD) Animated Vector Drawables (AVD)

• مقدمه بردارها Introduction to Vectors

• ایجاد یک SVG با استفاده از Inkscape Create A SVG using Inkscape

• وارد کردن یک SVG در Android Studio Import An SVG in Android Studio

• ایجاد بردارهای انیمیشنی در Android Studio (رویکرد چند فایلی) Create Animated Vectors in Android Studio (Multi-File Approach)

• ایجاد بردارهای انیمیشنی در Android Studio (رویکرد تک فایلی) Create Animated Vectors in Android Studio (Single-File Approach)

• مقدمه Shape Shifter Introduction to Shape Shifter

• انیمیت کردن مسیرها (Path Morphing) Animating Paths (Path Morphing)

• انیمیت کردن مسیر Trim Animating Trim Path

• انیمیت کردن مسیر Clip Animating Clip Path

• نتیجه‌گیری Epilogue

انتقال های پیشرفته و انتقال عناصر مشترک Advanced Transitions and Shared Element Transition

• مقدمه ای بر انتقال آب نبات چوبی Introduction to Lollipop Transitions

• انفجار و انتقال اسلاید Explode and Slide Transitions

• حرکت هماهنگ با استفاده از انتقال اسلاید Coordinated Motion Using Slide Transition

• تبدیل می کند Transforms

• انتقال عنصر مشترک Shared Element Transition

• چند عنصر را بین دو فعالیت به اشتراک بگذارید Share Multiple Elements Between Two Activities

• انتقال محتوای پنجره Window Content Transitions

• از Transitions With Fragments استفاده کنید Use Transitions With Fragments

انتقال های پیشرفته و انتقال عناصر مشترک Advanced Transitions and Shared Element Transition

• مقدمه ای بر انتقال آب نبات چوبی Introduction to Lollipop Transitions

• انفجار و انتقال اسلاید Explode and Slide Transitions

• حرکت هماهنگ با استفاده از انتقال اسلاید Coordinated Motion Using Slide Transition

• تبدیل می کند Transforms

• انتقال عنصر مشترک Shared Element Transition

• چند عنصر را بین دو فعالیت به اشتراک بگذارید Share Multiple Elements Between Two Activities

• انتقال محتوای پنجره Window Content Transitions

• از Transitions With Fragments استفاده کنید Use Transitions With Fragments

انیمیشن‌های مبتنی بر فیزیک Physics-Based Animations

• مقدمه انیمیشن‌های مبتنی بر فیزیک در اندروید Introduction To Physics-Based Animations in Android

• ایجاد یک انیمیشن Fling Create A Fling Animation

• استفاده از ژست لمسی برای فراخوانی انیمیشن Fling Use Touch Gesture To Invoke Fling Animation

• Fling در هر دو محور X و Y با انیمیشن Fling Fling In Both X and Y Axes With Fling Animation

• ایجاد یک انیمیشن فنر در اندروید Create A Spring Animation in Android

طرح‌های وکتور متحرک (AVD) Animated Vector Drawables (AVD)

• مقدمه ای بر وکتورها Introduction to Vectors

• با استفاده از Inkscape یک SVG ایجاد کنید Create A SVG using Inkscape

• یک SVG را در Android Studio وارد کنید Import An SVG in Android Studio

• ایجاد وکتورهای متحرک در اندروید استودیو (رویکرد چند فایلی) Create Animated Vectors in Android Studio (Multi-File Approach)

• ایجاد وکتورهای متحرک در اندروید استودیو (رویکرد تک فایلی) Create Animated Vectors in Android Studio (Single-File Approach)

• معرفی Shape Shifter Introduction to Shape Shifter

• مسیرهای متحرک (تشکیل مسیر) Animating Paths (Path Morphing)

• متحرک سازی Trim Path Animating Trim Path

• انیمیشن مسیر کلیپ Animating Clip Path

• پایان Epilogue

طرح‌های وکتور متحرک (AVD) Animated Vector Drawables (AVD)

• مقدمه ای بر وکتورها Introduction to Vectors

• با استفاده از Inkscape یک SVG ایجاد کنید Create A SVG using Inkscape

• یک SVG را در Android Studio وارد کنید Import An SVG in Android Studio

• ایجاد وکتورهای متحرک در اندروید استودیو (رویکرد چند فایلی) Create Animated Vectors in Android Studio (Multi-File Approach)

• ایجاد وکتورهای متحرک در اندروید استودیو (رویکرد تک فایلی) Create Animated Vectors in Android Studio (Single-File Approach)

• معرفی Shape Shifter Introduction to Shape Shifter

• مسیرهای متحرک (تشکیل مسیر) Animating Paths (Path Morphing)

• متحرک سازی Trim Path Animating Trim Path

• انیمیشن مسیر کلیپ Animating Clip Path

• پایان Epilogue

نکات اضافی: کتابخانه‌های انیمیشن مفید Extras: Useful Animation Libraries

• مقدمه بخش Introduction to the Section

• Lottie: مقدمه Lottie: Introduction

• ایجاد یک انیمیشن در After Effects Create An Animation in After Effects

• بارگذاری یک انیمیشن Lottie در اپلیکیشن اندروید شما Load A Lottie Animation in Your Android App

• مطالعه موردی Lottie: LottieFiles Lottie Case Study: LottieFiles

• ViewPagerLayoutManager بخش اول: شروع کار ViewPagerLayoutManager Part 1: Getting Started

• ViewPagerLayoutManager بخش دوم: ایجاد RecyclerView و افزودن Layout Manager ViewPagerLayoutManager Part 2: Creating RecyclerView and Adding Layout Manager

• ViewPagerLayoutManager بخش سوم: سفارشی‌سازی ViewPagerLayoutManager Part 3: Customization

• افزودن انتخابگر پس‌زمینه به آیتم‌های لیست Add Background Selector To list Items

• گرد کردن آیتم‌های تصویر Making Image Items Round

انیمیشن های مبتنی بر فیزیک Physics-Based Animations

• مقدمه ای بر انیمیشن های مبتنی بر فیزیک در اندروید Introduction To Physics-Based Animations in Android

• انیمیشن Fling بسازید Create A Fling Animation

• از ژست لمسی برای فراخوانی انیمیشن Fling استفاده کنید Use Touch Gesture To Invoke Fling Animation

• Fling در هر دو محور X و Y با انیمیشن Fling Fling In Both X and Y Axes With Fling Animation

• ایجاد یک انیمیشن بهار در اندروید Create A Spring Animation in Android

انیمیشن های مبتنی بر فیزیک Physics-Based Animations

• مقدمه ای بر انیمیشن های مبتنی بر فیزیک در اندروید Introduction To Physics-Based Animations in Android

• انیمیشن Fling بسازید Create A Fling Animation

• از ژست لمسی برای فراخوانی انیمیشن Fling استفاده کنید Use Touch Gesture To Invoke Fling Animation

• Fling در هر دو محور X و Y با انیمیشن Fling Fling In Both X and Y Axes With Fling Animation

• ایجاد یک انیمیشن بهار در اندروید Create A Spring Animation in Android

MotionLayout MotionLayout

• MotionLayout چیست؟ What Is MotionLayout?

• ایجاد یک حرکت ساده با MotionLayout Create A Simple Motion Using MotionLayout

• مفاهیم MotionLayout MotionLayout Concepts

• ایجاد یک حرکت منحنی با MotionLayout Create A Curved Motion With MotionLayout

• شروع حرکت با ژست کشیدن Start Motion With A Swipe Gesture

• انیمیت کردن ویژگی‌ها با MotionLayout Animate Attributes With MotionLayout

• ایجاد انیمیشن‌های پیچیده با Keyframes های MotionLayout Create Complex Animations With MotionLayout Keyframes

• Keyframes Keyframes

• بیشترین بهره را از ویرایشگر حرکت بصری ببرید Get The Most Out the Visual Motion Editor

• انتقال Layoutهای موجود به MotionLayout Migrate Existing Layouts To MotionLayout

• سازگاری MotionLayout MotionLayout Compatibility

• کد منبع برای HelloMotionLayout (با Git) Source Code For HelloMotionLayout (With Git)

موارد اضافی: کتابخانه های انیمیشن مفید Extras: Useful Animation Libraries

• معرفی بخش Introduction to the Section

• لوتی: مقدمه Lottie: Introduction

• ایجاد یک انیمیشن در افتر افکت Create An Animation in After Effects

• یک انیمیشن Lottie را در برنامه اندروید خود بارگیری کنید Load A Lottie Animation in Your Android App

• مطالعه موردی Lottie: LottieFiles Lottie Case Study: LottieFiles

• ViewPagerLayoutManager قسمت 1: شروع به کار ViewPagerLayoutManager Part 1: Getting Started

• ViewPagerLayoutManager قسمت 2: ایجاد RecyclerView و افزودن Layout Manager ViewPagerLayoutManager Part 2: Creating RecyclerView and Adding Layout Manager

• ViewPagerLayoutManager قسمت 3: سفارشی سازی ViewPagerLayoutManager Part 3: Customization

• افزودن انتخابگر پس زمینه به لیست موارد Add Background Selector To list Items

• گرد کردن آیتم های تصویری Making Image Items Round

موارد اضافی: کتابخانه های انیمیشن مفید Extras: Useful Animation Libraries

• معرفی بخش Introduction to the Section

• لوتی: مقدمه Lottie: Introduction

• ایجاد یک انیمیشن در افتر افکت Create An Animation in After Effects

• یک انیمیشن Lottie را در برنامه اندروید خود بارگیری کنید Load A Lottie Animation in Your Android App

• مطالعه موردی Lottie: LottieFiles Lottie Case Study: LottieFiles

• ViewPagerLayoutManager قسمت 1: شروع به کار ViewPagerLayoutManager Part 1: Getting Started

• ViewPagerLayoutManager قسمت 2: ایجاد RecyclerView و افزودن Layout Manager ViewPagerLayoutManager Part 2: Creating RecyclerView and Adding Layout Manager

• ViewPagerLayoutManager قسمت 3: سفارشی سازی ViewPagerLayoutManager Part 3: Customization

• افزودن انتخابگر پس زمینه به لیست موارد Add Background Selector To list Items

• گرد کردن آیتم های تصویری Making Image Items Round

انیمیشن ConstraintLayout ConstraintLayout Animation

• مقدمه بخش Introduction to Section

• مقدمه ConstraintLayout Introduction to ConstraintLayout

• طراحی یک Layout پاسخگو با ConstraintLayout Design a Responsive Layout with ConstraintLayout

• ایجاد یک انیمیشن Fade ساده با استفاده از ConstraintLayout Group Create A Simple Fade Animation Using ConstraintLayout Group

• ایجاد یک انیمیشن زیبا با استفاده از ConstraintSet Create A Nice Animation Using ConstraintSet

• استفاده از Placeholder برای انیمیت کردن Layout Using Placeholder to Animate Layout

MotionLayout MotionLayout

• MotionLayout چیست؟ What Is MotionLayout?

• با استفاده از MotionLayout یک حرکت ساده ایجاد کنید Create A Simple Motion Using MotionLayout

• مفاهیم MotionLayout MotionLayout Concepts

• با MotionLayout یک حرکت منحنی ایجاد کنید Create A Curved Motion With MotionLayout

• شروع حرکت با یک ژست کشیدن انگشت Start Motion With A Swipe Gesture

• متحرک کردن ویژگی ها با MotionLayout Animate Attributes With MotionLayout

• ایجاد انیمیشن های پیچیده با فریم های کلیدی MotionLayout Create Complex Animations With MotionLayout Keyframes

• فریم های کلیدی Keyframes

• از ویرایشگر حرکتی تصویری بیشترین بهره را ببرید Get The Most Out the Visual Motion Editor

• چیدمان های موجود را به MotionLayout منتقل کنید Migrate Existing Layouts To MotionLayout

• سازگاری MotionLayout MotionLayout Compatibility

• کد منبع برای HelloMotionLayout (با Git) Source Code For HelloMotionLayout (With Git)

MotionLayout MotionLayout

• MotionLayout چیست؟ What Is MotionLayout?

• با استفاده از MotionLayout یک حرکت ساده ایجاد کنید Create A Simple Motion Using MotionLayout

• مفاهیم MotionLayout MotionLayout Concepts

• با MotionLayout یک حرکت منحنی ایجاد کنید Create A Curved Motion With MotionLayout

• شروع حرکت با یک ژست کشیدن انگشت Start Motion With A Swipe Gesture

• متحرک کردن ویژگی ها با MotionLayout Animate Attributes With MotionLayout

• ایجاد انیمیشن های پیچیده با فریم های کلیدی MotionLayout Create Complex Animations With MotionLayout Keyframes

• فریم های کلیدی Keyframes

• از ویرایشگر حرکتی تصویری بیشترین بهره را ببرید Get The Most Out the Visual Motion Editor

• چیدمان های موجود را به MotionLayout منتقل کنید Migrate Existing Layouts To MotionLayout

• سازگاری MotionLayout MotionLayout Compatibility

• کد منبع برای HelloMotionLayout (با Git) Source Code For HelloMotionLayout (With Git)