Svg Loader监听器

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Svg Loader监听器相关的知识,希望对你有一定的参考价值。

我目前正在将各种url图像加载到imageview中。有些是svg类型,其余是png。我希望每个imageview中都有一个进度条,直到图像加载完毕。我可以使用Glide使用png图像做到这一点,但我似乎找不到使用SvgLoader的方法。这是我的代码:

if(homeImageType.equals("svg")){
                SvgLoader.pluck()
                        .with(mActivity)
                        .load(mData.get(i).getHomeTeamBadge(), myViewHolder.homeTeamBadge);

                myViewHolder.progressHomeBadge.setVisibility(View.GONE);

}
else {
                Glide
                        .with(mContext)
                        .load(mData.get(i).getHomeTeamBadge())
                        .listener(new RequestListener<String, GlideDrawable>() {
                            @Override
                            public boolean onException(Exception e, String model, Target<GlideDrawable> target, boolean isFirstResource) {
                                return false;
                            }

                            @Override
                            public boolean onResourceReady(GlideDrawable resource, String model, Target<GlideDrawable> target, boolean isFromMemoryCache, boolean isFirstResource) {
                                myViewHolder.progressHomeBadge.setVisibility(View.GONE);
                                return false;
                            }
                        })
                        .into(myViewHolder.homeTeamBadge);
            }

png图像完美地工作,因为进度条保持直到图像加载到视图中的点。然而,svg进度条在图像加载之前其可见性发生了显着变化,因为似乎没有任何可以添加到SvgLoader的侦听器。有任何想法吗?提前致谢。

答案

我在DBragion的答案的帮助下找到了解决方法

Animated loading image in picasso

可绘制的xml可以输入到Glide和SvgLoader的占位符中并且运行良好。动画进度条很大,然后填充占位符。我想知道是否有办法让它变小?

以上是关于Svg Loader监听器的主要内容,如果未能解决你的问题,请参考以下文章

javascript svg loader #svg

javascript svg loader #svg

Vite中使用 svg-sprite-loader

react项目中使用svg-sprite-loader按需加载svg

将 react-svg-loader 添加到 webpack

前端开发常用代码片段(中篇)