Picasso'da animasyonlu yükleme resmi

Resim indirilirken görüntülemek için yer tutucunun bir çekilebilir dosyası kullanarak Picasso'da bir resim yüklemek için aşağıdaki koda sahibim. Yine de istediğim şey, çoğu profesyonel uygulamada gördüğüm gibi, görüntü yüklenirken etrafta ve etrafında hareket eden animasyonlu bir dönen ilerleme çubuğu stili döndürücü. Picasso bunu desteklemiyor gibi görünüyor, sadece statik resim çekmeceleri. Picasso ile çalışmasını sağlamanın bir yolu var mı yoksa farklı bir şey yapmam mı gerekiyor?

Picasso.with(context).load(url)             
                    .placeholder(R.drawable.loading)
                    .error(R.drawable.image_download_error)
                    .into(view);

Picasso yer tutucusunu kullanarak yükleme ilerleme animasyon görüntüsüne nasıl sahip olunur:

Bunu animasyonlu döndürmeli bir xml nesnesi kullanarak kolayca çözdüm.

Adımlar:

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 yükleniyor:

Picasso.with( context )
        .load( your_path )
        .error( R.drawable.ic_error )
        .placeholder( R.drawable.progress_animation )
        .into( image_view );

İlerleme iletişim kutusunu görüntü indirene kadar uyguladım ve çok basit. ImageView'unuzu göreceli düzende alın ve ilerleme yükleyiciyi aynı görüntü görünümüne yerleştirin. Aşağıdaki kodu uygulayın ve yalnızca ilerleme iletişim kutusu görünürlüğünü yönetin.

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

                }
            });
        }

Zevk almak. :)

Picasso maalesef animasyonlu yer tutucuları desteklemiyor.

Bunu aşmanın bir yolu, ImageView'unuzu, altında animasyonlu çizim ile birlikte bir FrameLayout'a yerleştirmektir. Bu şekilde Picasso, görüntüyü yüklediğinde, animasyonlu yer tutucunun üstüne yükleyerek kullanıcıya istenen efekti verir.

Alternatif olarak, görüntüyü bir Hedefe yükleyebilirsiniz . Ardından, ilerleme çubuğunun varsayılan olarak gösterilir ve onBitmapLoaded yöntemi çağrıldığında bunu gizleyebilir ve görüntüyü görüntüleyebilirsiniz. Bunun temel bir uygulamasını burada görebilirsiniz

DBragion'un cevabına aşağıdaki gibi şekil özniteliğini ekleyin ve cazibe gibi çalışacaktır. Mutlu kodlamalar.

<?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'ı da kullanabilirsiniz:

Glide.with(activity).load(url)
                    .apply(RequestOptions.centerInsideTransform())
                    .placeholder(R.drawable.progress_animation)
                    .into(imageview);

Bu sorunun cevabını buldum!

Bakınız: https://github.com/square/picasso/issues/427#issuecomment-266276253

@DBragion cevabına ek olarak, aşağıyı deneyin.

Şimdi yüksekliği ve genişliği sabitleyebiliriz!

image_view.scaleType = ImageView.ScaleType.CENTER_INSIDE

picasso.load(your_path)
        .fit()
        .centerCrop()
        .noFade()
        .placeholder(R.drawable. progress_animation)
        .into(image_view)

Bence iki kilit nokta var.

1. noFade () kullan

2. image_view'un scaleType değerini "CENTER_INSIDE" olarak ayarlayın

Bunu şu şekilde çalıştırdım:

1. Bir çekilebilir öğe oluşturdu (İnternette bir yerde bulundu) ve res / çekilebilir dosyaya koy:

   <?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>

2. GridView eklenen ProgressBar öğesi için öğemde:

   <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"/>

3. Bağdaştırıcıda, poster ve döndürücünün ImageView ve ProgressBar'a referans olduğu aşağıdaki parametrelere sahip Hedef Nesne eklendi:

   // ImageView'da ProgressBar'ı gösterme / gizleme hedefi

   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);
           }
       };

4. Sonuçlar yüklenirken böyle olacak - daire dönüyor (bu ekran görüntüsü için üzgünüz, ancak görüntüler çok hızlı görünüyor): ScreenShot

DBragion'un tekniğini kullanmaya çalışan herkes için: Picasso'nun en son sürümüne sahip olduğunuzdan emin olun, aksi takdirde dönmeyecektir. 2.5.2 sürümünü kullanana kadar benimki çalışmadı.

compile 'com.squareup.picasso:picasso:2.5.2'

Bu bağlantıda Jake Wharton şunları söyledi:

Hayır! Tüm görüntü kod çözme işlemleri için Android BitmapFactory'yi kullanıyoruz ve animasyonlu GIF desteği yok (ne yazık ki).

O zaman yapamazsın

Picasso PlaceHolder'ı kullanın

  Picasso.get()
        .load(datas[position].artist?.image)
        .placeholder(R.drawable.music_image)
        .error(R.drawable.music_image)
        .into(holder.cardViewImage)