آموزش با انیمیشن‌های Lottie صفحه‌های Onboarding زیبا بسازید

Build Beautiful Onboarding Screens With Lottie animations

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: اولین برداشت های خیره کننده را ایجاد کنید که توجه کاربران شما را به خود جلب کند. شامل ترکیب انیمیشن‌های فریم ورک و Lottie ساخت صفحه‌های زیبای داخلی یکپارچه کردن انیمیشن‌های Lottie (AirBNB) مدیریت حالت‌های برنامه با استفاده از Combine Framework کار با انیمیشن‌ها و انتقال‌های UIView با تنظیم مقادیر آلفای آنها از طریق الگوریتم، پروتکل‌ها و نمایندگان را برای برقراری ارتباط بین دو تصویر، محو کنید. اشیاء والد از AVPlayer و AVPlayerLayer برای ایجاد پس‌زمینه ویدیو استفاده کنید. مشاهده کد به صورت برنامه‌ریزی شده پیش نیازها: مهارت پایه با Swift حداقل 6 تا 9 ماه با iOS کار کرده‌اید.

به دوره آموزشی Build Beautiful Onboarding Screens With Lottie animations خوش آمدید.

این دوره برای توسعه دهندگان iOS (تجربه 6 تا 9 ماهه) طراحی شده است که می خواهند صفحه های داخلی زیبایی بسازند که می توانند بلافاصله هنگام باز کردن برنامه شما برای اولین بار توجه کاربران شما را جلب کنند. هدف این دوره ارائه فرآیند فکری و تکنیک‌های مورد نیاز برای ایجاد یک نمای داخلی حرفه‌ای است که هم پویا و هم سفارشی‌سازی آسان است.

در این دوره ما 4 پروژه منحصر به فرد با سبک های مختلف می سازیم.

در پروژه 1 - برنامه سفر، ما یاد خواهیم گرفت که از انیمیشن UIView، انتقال UIView و UITapGestureRecognizer برای ساخت انیمیشن ها استفاده کنیم.

در پروژه 2 - برنامه مد، ما یاد می گیریم که برخی از نماها را به صورت برنامه ای کدنویسی کنیم، چگونه بین دو تصویر متقاطع محو کنیم، و چگونه بین اشیاء فرزند و والدین از طریق پروتکل و نمایندگان ارتباط برقرار کنیم.

در پروژه 3 - برنامه تعطیلات، از طریق پیاده سازی AVPlayer و AVPlayerLayer با AVFoundation آشنا خواهیم شد. همچنین از Combine Framework برای مدیریت وضعیت های برنامه استفاده خواهیم کرد.

در پروژه 4 - برنامه رستوران (پاداش)، ما یاد خواهیم گرفت که چگونه انیمیشن Lottie را در صفحه نمایش خود ادغام کنیم.


پروژه های بیشتری در سال های 2022 و 2023 به این دوره اضافه خواهند شد.


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

معرفی Introduction

  • معرفی Introduction

  • وام Credits

پروژه 1 - برنامه سفر Project 1 - Travel App

  • معرفی پروژه Project intro

  • فایل های پروژه Project files

  • راه اندازی رابط کاربری Setting up the UI

  • راه اندازی مدل ها و حرکات لمسی Setting up models and touch gestures

  • دسته انیمیشن های برچسب Handle labels animations

  • انتقال به برنامه اصلی در آخرین فهرست Transit to main app at last index

  • اضافه کردن تصاویر پس زمینه Add background images

  • جنرال رفاکتور General Refactor

پروژه 2 - اپلیکیشن مد Project 2 - Fashion App

  • معرفی پروژه Project intro

  • فایل پروژه Project file

  • راه اندازی رابط کاربری Setting up the UI

  • راه‌اندازی نمای کانتینر و اقلام ورود Setting up container views and onboarding items

  • نمایش مجموعه پیمایش به صورت برنامه ای Scrolling collection view programatically

  • تصویر پس زمینه و انتقال را مدیریت کنید Handle background image and transition

  • نمایش دکمه کاوش در آخرین مورد Show explore button on last item

  • با ضربه زدن روی دکمه کاوش به برنامه اصلی بروید Transit to main app on Explore button tap

  • هشدار XCode و نشانگر اسکرول افقی را حذف کنید Remove XCode warning and horizontal scroll indicator

  • جنرال رفاکتور General Refactor

پروژه 3 - برنامه تعطیلات Project 3 - Holiday App

  • معرفی پروژه Project intro

  • فایل پروژه Project file

  • راه اندازی رابط کاربری Setting up the UI

  • رویداد دکمه شروع را مدیریت کنید Handle Get Started button event

  • اضافه کردن ویدیو پس زمینه Add background video

  • وضعیت های برنامه را مدیریت کنید Handle app states

  • بازساز عمومی و بسته شدن General refactor and closing

جایزه Bonus

  • سایر دوره ها توسط مدرس Other courses by the instructor

پروژه 4 - برنامه رستوران (محتوای جایزه) Project 4 - Restaurant App (BONUS CONTENT)

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

  • فایل پروژه Project File

  • راه اندازی رابط کاربری Setup UI

  • راه اندازی مجموعه نمایش سلول Setup Collection View Cell

  • سلول مشاهده مجموعه Onboarding را اضافه کنید Add Onboarding Collection View Cell

  • راه اندازی انیمیشن Lottie Setup Lottie Animation

  • دکمه عمل دسته Handle Action Button

  • افزودن کنترل صفحه Add Page Control

  • لمس نهایی را اضافه کنید Add Final Touches

محتوای جایزه Bonus Content

  • سوال دانش آموز: صفحه ورود را فقط یک بار نشان دهید Student Question: Make onboarding screen appear only once

  • سوال دانش آموز: گیت پایه Student Question: Basic Git

نمایش نظرات

آموزش با انیمیشن‌های Lottie صفحه‌های Onboarding زیبا بسازید
جزییات دوره
5 hours
39
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
314
4.4 از 5
دارد
دارد
دارد
Kelvin Fok
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Kelvin Fok Kelvin Fok

توسعه دهنده iOS