Question

我在MainActivity（GridView）和DetailActivity之间实现了一个共享元素活动过渡动画。单击项目时，网格项目中的图像将放大以成为DetailActivity中的背景图像。我通过将MainActivity上的图像保存到文件中，然后在通过毕加索下载更高质量的图像之前将其用作DetailActivity中的占位符图像，从而使转换非常顺利。当毕加索完成任务时，更高质量的图像将非常整齐地替换占位符。

DetailActivityFragment.java中的onCreateView（）代码

<img src="<?php echo get_bloginfo('template_url') ?>/img/logo2.png"/>

至于动画，我在步骤1-3 https://guides.codepath.com/android/Shared-Element-Activity-Transition

的链接中实现它

然而，在完成过渡动画之前，当高质量图像完成下载时，有时会出现闪烁。在移动时，放大的图像将被新图像替换，这是一种令人不快的动画。

所以我想知道如何修复这个闪烁？我能想到的一件事是延迟图像下载，因为我已经将质量较低的图像作为占位符。我怎样才能做到这一点？

Here the video。通常，在我的测试设备上，80％的时间都很平滑，但幸运的是在这个视频中它大部分时间都会闪烁。

Answer 1

什么是动画？在动画结束时加载图像

 TranslateAnimation translateAnimation = new TranslateAnimation(0,1.5f,0,1.5f);
    translateAnimation.setAnimationListener(new Animation.AnimationListener() {
        @Override
        public void onAnimationStart(Animation animation) {

        }

        @Override
        public void onAnimationEnd(Animation animation) {
               //load image when animation end
        }

        @Override
        public void onAnimationRepeat(Animation animation) {

        }
    });

和

  LayoutTransition.TransitionListener transitionListener = new LayoutTransition.TransitionListener() {
        @Override
        public void startTransition(LayoutTransition transition, ViewGroup container, View view, int transitionType) {

        }

        @Override
        public void endTransition(LayoutTransition transition, ViewGroup container, View view, int transitionType) {
                    //load image when animation end
        }
    };

Answer 2

现在我找到了延迟Picasso图像加载（或任何其他任务）的方法。使用Handler and Runnable非常简单。

现在我的代码看起来像这样。在任何情况下，图像替换都非常顺利。

    // Set Background Poster in Try-catch in case file cannot be open
    try {
        // Get/Prepare "InterimPoster" jpeg file to be placeholder image
        final ImageView iv = (ImageView) mRootview.findViewById(R.id.movie_poster);
        final Bitmap bitmap = BitmapFactory.decodeStream(c.openFileInput("InterimPoster"));
        final Drawable lowResPoster = new BitmapDrawable(getResources(), bitmap);
        iv.setImageDrawable(lowResPoster);

        // Download higher resolution image with 0.8 sec delay to avoid load complete before
        // animation finishes (causing some flicker/overflow image problem).
        Handler handler = new Handler();
        Runnable runnable = new Runnable() {
            @Override
            public void run() {
                Picasso.with(c).load("http://image.tmdb.org/t/p/w780" + mMovieInfo[2])
                        // still need placeholder here otherwise will flash of white image
                        .placeholder(lowResPoster)
                        .error(lowResPoster)
                        .fit()
                        .centerCrop()
                        .noFade() // without this image replacement will not be smooth
                        .into(iv);
            }
        };
        handler.postDelayed(runnable, 800);

    } catch (FileNotFoundException e) {
        e.printStackTrace();
    }

Answer 3

请尝试以下代码：

首先通常使用毕加索将占位符加载到imageview

alert("sales" + si );

然后像这样使用SharedElement Listener

si

Answer 4

要延迟某个进程，可以使用Handler（）。

实施例。

new Handler().postDelayed(new Runnable() {
        @Override
        public void run() {

            // write your codes here.. this  will delay 2 seconds...
           startActivity(new Intent(this,MySecondActivity.class); 


        }
    },2000);

如何延迟Picasso图像加载？

4 个答案: