پیاده سازی انیمیشن پشت و رو کردن کارت

انیمیشن در اندروید

انیمیشن ها یه مبحث خیلی دوست داشتنی توی برنامه نویسی اندروید هستن. ( البته مباحث دوست داشتنی تو برنامه نویسی زیاد هست 😉 )

بعد از مطالعه این مقاله شما یاد میگیرید که چطوری با به کارگیری انیمیشن یه کارتی رو پشت و رو کنید. یعنی یه انیمیشن مثل چیزی که تو ویدیو زیر نشون داده شده درست کنید. این انیمیشن در اپلیکیشن tinycard استفاده شده.

انیمیشن flip برای جابه جایی دو fragment

روال پیاده سازی این انیمیشن موقعی که بخوایم بین دو فرگمنت جابه جا بشیم تو آموزشهای خود گوگل توضیح داده شده که در لینک زیر میتونید بخونید.

آموزش گوگل برای پیاده سازی انیمیشن flip بین دو فرگمنت

ولی نکته این هست که من نمیخوام دو تا فرگمنت جابه جا بشن بلکه میخوام دو تا view که توی یک صفحه هستن نقش پشت و روی کارت رو داشته باشن. میخوام وقتی کاربر روی کارت زد اول چک کنیم که الان روی کارت داره نشون داده میشه یا پشت کارت. اگه روی کارت نشون داده میشه از سمت چپ چرخش سه بعدی رو به بالا شروع بشه، پشت کارت بیاد رو و روی کارت هم بره پشت. اگه پشت کارت داره نشون داده میشه از سمت راست چرخش سه بعدی رو به بالا اتفاق بیوفته و دوباره کارت برگرده به وضعیت اولش.

 انیمیشن flip برای view ها

توی این آموزش نمیخوام وارد جزئیات پیاده سازی انیمیشن بشم. شما میتونین دقیقا از همون ۴ تا فایل xml که توی آموزش گوگل(لینک آموزش گوگل رو بالا گذاشتم) برای انیمیشن وجود داره استفاده کنین. برای پیاده سازی پشت و روی کارت یه framelayout گذاشتم که ۲ تا textview توش هست. یکی برای پشت کارت و یکی هم برای روی کارت. تکه کد xml به صورت زیر هست.

وقتی کاربر روی کارت میزنه با توجه به اینکه الان پشت کارت هست یا روی کارت انیمیشن های مربوطه اجرا میشه. اگه الان روی کارت نشون داده میشه، گفتیم که روی کارت از چپ خارج بشه و پشت کارت از چپ وارد بشه. اگه پشت کارت نشون داده میشه گفتیم که پشت کارت از راست خارج بشه و روی کارت از راست وارد بشه. کد مربوط به لود انیمیشن از xml و اعمال آن به view های مربوطه رو به زبان کاتلین نوشتم. نگاه کنین کامل متوجه میشین خیلی شبیه جاواست.

هر سوالی داشتین در کامنت بپرسین. جزئیات مربوط به فایل های xml که توش انیمیشن ها پیاده سازی شدن رو انشالله در آموزش های بعدی توضیح میدم. این مقاله فقط یه شروع بود که امیدوارم جذاب بوده باشه.

 

درباره نویسنده

پست های مرتبط

پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

4 × 1 =