我有以下代码用于在Picasso中加载图像，使用drawable作为占位符在下载图像时显示。但是我想要的是一个旋转的进度条样式的spinner，在图像加载时循环播放动画，就像我在大多数专业应用程序中看到的那样。Picasso似乎不支持这一点，只支持静态图像drawable。是否有办法在Picasso中实现此功能，或者我必须采取不同的方法？
Picasso.with(context).load(url)
.placeholder(R.drawable.loading)
.error(R.drawable.image_download_error)
.into(view);
如何使用Picasso占位符实现加载进度动画图像：
我轻松地使用了一个animated-rotate的xml对象来解决这个问题。
步骤：
progress_image.png
/res/drawable/progress_animation.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:gravity="center">
<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@drawable/progress_image"
android:pivotX="50%"
android:pivotY="50%" />
</item>
</layer-list>
毕加索加载中：
Picasso.with( context )
.load( your_path )
.error( R.drawable.ic_error )
.placeholder( R.drawable.progress_animation )
.into( image_view );
我已经实现了进度对话框到图像下载，而且非常简单。在相对布局中取出你的ImageView，然后将进度加载器放置在同一个ImageView上。应用以下代码并仅处理进度对话框的可见性。
holder.loader.setVisibility(View.VISIBLE);
holder.imageView.setVisibility(View.VISIBLE);
final ProgressBar progressView = holder.loader;
Picasso.with(context)
.load(image_url)
.transform(new RoundedTransformation(15, 0))
.fit()
.into(holder.imageView, new Callback() {
@Override
public void onSuccess() {
progressView.setVisibility(View.GONE);
}
@Override
public void onError() {
// TODO Auto-generated method stub
}
});
}
享受吧。:)
final Callback loadedCallback = new Callback() {
@Override
public void onSuccess() { // 你的代码
}
@Override
public void onError() { // 你的代码
}
};
imageView.setTag(loadedCallback);
Picasso.with(context).load(url).into(imageView, loadedCallback); - VVZenfun Context.loadImage(view: ImageView, url: String) {
val circularProgressDrawable = CircularProgressDrawable(this)
circularProgressDrawable.apply {
strokeWidth = 5f
centerRadius = 30f
setColorSchemeColors(
getColor(Color.WHITE)
)
start()
}
Picasso
.get()
.load(url)
.fit()
.centerInside()
.placeholder(circularProgressDrawable)
.into(view)
}
// create a ProgressDrawable object which we will show as placeholder
CircularProgressDrawable progress = new CircularProgressDrawable(context);
progress.setColorSchemeColors(R.color.colorPrimary, R.color.colorPrimaryDark, R.color.colorAccent);
progress.setCenterRadius(30f);
progress.setStrokeWidth(5f);
progress.start();
Picasso.with(context).load((String) chatMessage.getPath()).error(R.drawable.error)
.placeholder(progress)
.noFade()
.into(viewHolder.imageBody);
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape
android:shape="rectangle">
<size
android:width="200dp"
android:height="200dp"/>
<solid
android:color="#00FFFFFF"/>
</shape>
</item>
<item android:gravity="center">
<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@drawable/spinner"
android:pivotX="50%"
android:pivotY="50%" />
</item>
</layer-list>
你也可以使用Glide：
Glide.with(activity).load(url)
.apply(RequestOptions.centerInsideTransform())
.placeholder(R.drawable.progress_animation)
.into(imageview);
image_view.scaleType = ImageView.ScaleType.CENTER_INSIDE
picasso.load(your_path)
.fit()
.centerCrop()
.noFade()
.placeholder(R.drawable. progress_animation)
.into(image_view)
使用 noFade() 方法
将 image_view 的 scaleType 设置为 "CENTER_INSIDE"
我是这样让它工作的：
创建了一个可绘制对象（从互联网上找到的），并将其放置在res/drawable目录下：
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromDegrees="90"
android:pivotX="50%"
android:pivotY="50%"
android:toDegrees="360">
<shape
android:innerRadiusRatio="3"
android:shape="ring"
android:thicknessRatio="7.0">
<gradient
android:angle="0"
android:centerColor="#007DD6"
android:endColor="#007DD6"
android:startColor="#007DD6"
android:type="sweep"
android:useLevel="false" />
</shape>
在GridView的项目中添加了ProgressBar元素：
<ProgressBar
android:id="@+id/movie_item_spinner"
android:layout_width="@dimen/poster_width"
android:layout_height="@dimen/poster_height"
android:progressDrawable="@drawable/circular_progress_bar"/>
在适配器中添加了Target对象，具有以下参数，其中poster和spinner是ImageView和ProgressBar的引用：
// Target to show/hide ProgressBar on ImageView
final Target target = new Target() {
@Override
public void onPrepareLoad(Drawable drawable) {
poster.setBackgroundResource(R.color.white);
spinner.setVisibility(View.VISIBLE);
}
@Override
public void onBitmapLoaded(Bitmap photo, Picasso.LoadedFrom from) {
poster.setBackgroundDrawable(new BitmapDrawable(photo));
spinner.setVisibility(View.GONE);
}
@Override
public void onBitmapFailed(Drawable drawable) {
poster.setBackgroundResource(R.color.white);
}
};
加载时的结果如下 - 圆圈正在旋转（对于这个截图很抱歉，但是图片出现得太快了）： ScreenShot
只需使用Picasso占位符
Picasso.get()
.load(datas[position].artist?.image)
.placeholder(R.drawable.music_image)
.error(R.drawable.music_image)
.into(holder.cardViewImage)