如何淡入图片在ImageView加载从网址

Question

我想将淡入动画应用于ImageView，以创建从url加载的图像在下载完成时淡入的效果。

我知道如何将图片从url下载到ImageView，就像在this answer中一样，我还知道如何在imageView like here上应用淡入动画。

此尝试

Drawable d = ImageUtils.fetchDrawable("the url");
imageView.setImageDrawable(d);
imageView.startAnimation(fadeInAnimation);

产生闪烁效果(请看、不看、淡入以看)。颠倒最后两行的顺序也会导致闪烁。

我已经在谷歌上搜索过了，所以以回调/侦听器的形式寻找解决方案--类似于：

imageView.setOnLoadCompleteListener...

在ImageView中注册loading complete事件，但我没有找到任何与此相关的东西。

如果有任何关于如何实现此效果的解决方案的建议，我将非常感激。

Answer 1

在动画上将ImageView可见性设定为INVISIBLE或GONE set setAnimationListener。以及当onAnimationEnd改变ImageView的可见性时。

fadeInAnimation.setAnimationListener(new AnimationListener() {
        @Override
        public void onAnimationEnd(Animation arg0) {

           // let make your image visible


        }

        @Override
        public void onAnimationRepeat(Animation animation) {}
        @Override
        public void onAnimationStart(Animation animation) {}
    });

Answer 2

您可以使用: TransitionDrawable，简单的代码如下：

        // Transition drawable with a transparent drwabale and the final bitmap
        final TransitionDrawable td =
                new TransitionDrawable(new Drawable[] {
                        new ColorDrawable(Color.TRANSPARENT),
                        new BitmapDrawable(mResources, bitmap)
                });
        // Set background to loading bitmap
        imageView.setBackgroundDrawable(
                new BitmapDrawable(mResources, mLoadingBitmap));

        imageView.setImageDrawable(td);
        td.startTransition(FADE_IN_TIME);

Answer 3

只需使用您提到的答案的onPostExecute方法，并在那里触发动画(当图像实际加载并准备就绪时)：

 protected void onPostExecute(Bitmap result) {

    bmImage.setImageBitmap(result);
    Animation myFadeInAnimation = AnimationUtils.loadAnimation(context, R.anim.fadein);
    bmImage.startAnimation(myFadeInAnimation);
}