معرفی Shimmer برای بارگذاری صفحه در اندروید

ما معمولا از progress barها استفاده می کنیم زمانی که برنامه می خواهد داده ها را از اینترنت بارگیری کند.

به جای استفاده از لودرهای معمول، ما می توانیم صفحه بارگذاری را با استفاده از کتابخانه Shimmer فیس بوک زیباتر کنیم.

این کتابخانه اثر Shimmer را به هر صفحه که شما درست کنید اضافه کند. شما می توانید این اثر سوسو زنی را در برنامه های تلفن همراه و دسکتاپ فیس بوک مشاهده کنید.

در این مقاله قصد داریم به معرفی Shimmer بپردازیم.

۱.معرفی Shimmer: کتابخانه Facebook’s Shimmer

برای به دست آوردن اثر shimmer بر روی هر صفحه، شما باید طرح صفحه خود را در داخل ShimmerFrameLayout قرار دهید.

برای شروع انیمیشن، شما باید startShimmerAnimation () در ShimmerFrameLayout فراخوانی کنید.

در زیر قطعه کد برای دریافت اثر Shimmer است. اول، طرح خود را در داخل ShimmerFrameLayout قرار دهید.

برای شروع کار، در اکتیویتی Shimmer را فراخوانی می کنیم

۲. فایل JSON ساده برای تمرین اثر Shimmer

فایلی برای نمایش این روش درست شده که در آدرس زیر قرار دارد.

https://api.androidhive.info/json/shimmer/menu.php

۳. ایجاد یک پروژه جدید

۱. یک پروژه جدید در Android Studio بسازید و نام دلخواهی به آن بدهید

۲. اضافه کردن کتابخانه Shimmer به build.gridle خود و بازسازی پروژه.

۳. رنگ ها و اندازه های زیر را به فایل های مربوطه اضافه کنید.

۴. یک فایل XML جدید layout به نام recipe_placeholder_item.xml ایجاد کنید. در این فایل ما طرحی که قرار است Shimmer روی آن اجرا شود را با استفاده از View تعریف می کنیم. کلیه ی نمایش ها شبیه به آیتم های لیست واقعی قرار می گیرند.

۵. صفحه بالا که نمونه اجرای Shimmer است، چند تا از آن را اضافه میکنیم. در این جا ما ۳ بار آن را به لایه اصلی اضافه کرده ایم.

۶. باز کردن MainActivity.java و شروع انیمیشن Shimmer با فراخوانی با روش startShimmerAnimation () در onResume (). هنگامی که فعالیت متوقف می شود، ما انیمیشن را در onPause () نیز متوقف می کنیم.

حالا اگر برنامه را اجرا کنید، می توانید انیمیشن Shimmer زیر را ببینید.

برای دیدن بقیه مطالب آموزشی اندروید اینجا کلیک کنید

برای دیدن کلیه مقالات اینجا کلیک کنید.

 

Telegram Facebook WhatsApp Twitter LinkedIn

دیدگاه خود را بیان کنید

پاسخی بگذارید

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

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