Làm cách nào để bạn có thể sử dụng trình giữ chỗ tải là trình quay phim hoạt hình với trình tải hình ảnh như Glide, Picasso, v.v.

Question

Tôi đang cố gắng chèn vòng tròn tải chung làm trình giữ chỗ trong khi hình ảnh đang được tải bằng thư viện trình tải hình ảnh như Glide hoặc Picasso.

Tôi không thể cho cuộc sống của tôi tìm hiểu làm thế nào bạn có nghĩa vụ phải tạo một xoay có thể kéo từ xml.

Tôi đã thử sử dụng AnimationDrawable trong XML bằng cách tạo danh sách hoạt ảnh, nhưng nó thậm chí không hiển thị (thậm chí không tĩnh).

Tôi chỉ muốn có một vòng tròn đơn giản xoay tròn tất cả, tất cả trong xml có thể vẽ được, vì vậy tôi có thể chuyển id làm trình giữ chỗ cho trình tải hình ảnh của tôi. Nếu điều đó là không thể xin vui lòng cho tôi biết bây giờ, vì vậy tôi có thể tiết kiệm rất nhiều nghiên cứu :)

EDIT: Một số mã để làm cho nó rõ ràng hơn, tôi cần một drawable quay cho lệnh Glide này:

Glide.with(context) 
.load(imageUrl) 
.into(imageView) 
.placeHolder(R.drawable.spinning_loading_placeholder); 

Trong khi hình ảnh đang được tải một phần giữ chỗ có thể vẽ được sẽ hiển thị nơi hình ảnh sẽ sau đó. Tôi cần một cái có thể kéo được.

Answer 1

Bạn có thể thêm phần tử ProgressBar vào XML bố cục của mình, sau đó hiển thị/ẩn thành phần này nếu cần. ProgressBar View được tích hợp sẵn và hoạt ảnh, không yêu cầu AnimationDrawable tùy chỉnh.

Answer 2

Bạn có thể sử dụng một cái gì đó như thế này:

Glide.with(mContext).load(imageUrl).asBitmap().centerCrop().into(new BitmapImageViewTarget(vh.avatarImageView) { 

     @Override 
     public void onLoadStarted(Drawable placeholder) { 
       vh.avatarImageView.setImageDrawable(mContext.getResources().getDrawable(R.drawable.ic_placeholder)); 
     } 

     @Override 
     public void onLoadFailed(Exception e, Drawable errorDrawable) { 
      vh.avatarImageView.setImageDrawable(mContext.getResources().getDrawable(R.drawable.ic_failed_download)); 
     } 

     @Override 
     protected void setResource(Bitmap resource) { 
      RoundedBitmapDrawable circularBitmapDrawable = 
        RoundedBitmapDrawableFactory.create(mContext.getResources(), resource); 
      circularBitmapDrawable.setCircular(true); 
      vh.avatarImageView.setImageDrawable(circularBitmapDrawable); 
     } 
    });