انیمیشن Fade Animations کتابخانه گلاید Glide اندروید استودیو

نمایش تصاویر با انیمیشن به صورت محو و روشن کتابخانه گلاید Glide

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

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

حتما بخوانید : نمایش اطلاعات از سمت سرور JsonArrayRequest Volley اندروید استودیو

تصویر اول در حال دریافت از سمت سرور به صورت محو و با انیمیشن :

تصویر دوم وقتی کاربر اسکرول را انجام می دهد تصویر از حالت محو خارج می شود.

خوب فکر می کنم آموزشی که قصد داریم یاد بدهیم تا یک جاهایی براتون جا افتاده حالا میرم سراغ آموزش :

طبق موارد قبل که آموزش دادیم Adapter را طراحی و پیاده سازی کرده ایم و تصاویری که از سمت سرور را دریافت کرده ایم با کتابخانه گلاید با دیتامدل نمایش داده ایم حال می رسیم به اینکه تصاویری که در گلاید نمایش داده می شود را به صورت انیمیشن و فید و محو نمایش بدهیم.

کافی سورس کد را در Adapter بنویسید و سپس روی کتابخانه گلاید هم ست کنید.دقت کنید سورس کد را باید در بخش onBindViewHolder پیست کنید.

ViewPropertyAnimation.Animator animationObject = new ViewPropertyAnimation.Animator() {
    @Override
    public void animate(View view) {
        view.setAlpha( 0f );
        ObjectAnimator fadeAnim = ObjectAnimator.ofFloat( view, "alpha", 0f, 1f );
        fadeAnim.setDuration( 2500 );
        fadeAnim.start();
    }
};

حالا در بخش کتابخانه گلاید animationObject را ست کنید.

Glide.with(context).load(datamodel.getImgpost()).crossFade().animate(animationObject).into(holder.imgpost);

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

موفق و پیروز باشید.
منبع آموزش : خانه اندروید