Progress bar while loading image using Glide Ask Question

Progress bar while loading image using Glide Ask Question

Can I load a spinner in placeholder with rotating animation until the image is loaded using Glide?

.placeholder(R.Drawable.spinner) を使用してこれを実行しようとしていますが、アニメーションは表示されません。

誰か助けてくれたら嬉しいです。

ありがとう!

ベストアンサー1

編集:これはとても簡単です円形プログレス描画可能

ビルド

implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.1.0"

マイグライドモジュール.kt

@GlideModule
class MyGlideModule : AppGlideModule()

メインアクティビティ.kt

override fun onCreate(savedInstanceState: Bundle?) {
  super.onCreate(savedInstanceState)
  setContentView(R.layout.activity_main)

  val circularProgressDrawable = CircularProgressDrawable(this)
  circularProgressDrawable.strokeWidth = 5f
  circularProgressDrawable.centerRadius = 30f
  circularProgressDrawable.start()

  GlideApp.with(applicationContext)
      .load("https://raw.githubusercontent.com/bumptech/glide/master/static/glide_logo.png")
      .placeholder(circularProgressDrawable)
      .into(a_main_image)
}

これらは他のグライドスニペット


古い回答:通常の ProgressBar を作成し、それを Glide で非表示にすることもできますonResourceReady()

リソースの読み込みが完了したときに呼び出されるメソッド。


:

メインアクティビティ.java

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    final ImageView imageView = (ImageView) findViewById(R.id.img_glide);
    final ProgressBar progressBar = (ProgressBar) findViewById(R.id.progress);

    Glide.with(this)
            .load("https://raw.githubusercontent.com/bumptech/glide/master/static/glide_logo.png")
            .listener(new RequestListener<Drawable>() {
                @Override
                public boolean onLoadFailed(@Nullable GlideException e, Object model, Target<Drawable> target, boolean isFirstResource) {
                    progressBar.setVisibility(View.GONE);
                    return false;
                }

                @Override
                public boolean onResourceReady(Drawable resource, Object model, Target<Drawable> target, DataSource dataSource, boolean isFirstResource) {
                    progressBar.setVisibility(View.GONE);
                    return false;
                }
            })
            .into(imageView);
}

アクティビティメイン.xml(レイアウト):

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ProgressBar
        android:id="@+id/progress"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:visibility="visible" />

    <ImageView
        android:id="@+id/img_glide"
        android:layout_width="match_parent"
        android:layout_height="100dp" />

</RelativeLayout>

結果:

ここに画像の説明を入力してください

おすすめ記事