ImageView的圖片加載框架與ViewModel結合

在Android開發中，使用ViewModel結合圖片加載框架加載圖片可以更好地管理數據和UI的分離，確保數據的持久性和避免內存泄漏。

一種常見的做法是使用ViewModel來管理圖片的加載和顯示邏輯，而使用圖片加載框架（如Glide、Picasso等）來實際加載圖片。以下是一個示例代碼：

1. 首先，創建一個ViewModel類來管理圖片加載邏輯：

public class ImageViewModel extends ViewModel {
    private MutableLiveData<Drawable> imageDrawable = new MutableLiveData<>();

    public LiveData<Drawable> getImageDrawable() {
        return imageDrawable;
    }

    public void loadImage(Context context, String imageUrl) {
        Glide.with(context)
             .load(imageUrl)
             .into(new CustomTarget<Drawable>() {
                 @Override
                 public void onResourceReady(@NonNull Drawable resource, @Nullable Transition<? super Drawable> transition) {
                     imageDrawable.setValue(resource);
                 }

                 @Override
                 public void onLoadCleared(@Nullable Drawable placeholder) {
                     // Handle placeholder if needed
                 }
             });
    }
}

2. 在Activity或Fragment中使用ViewModel加載并顯示圖片：

public class MainActivity extends AppCompatActivity {
    private ImageView imageView;
    private ImageViewModel imageViewModel;

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

        imageView = findViewById(R.id.image_view);
        imageViewModel = ViewModelProviders.of(this).get(ImageViewModel.class);

        imageViewModel.getImageDrawable().observe(this, drawable -> {
            imageView.setImageDrawable(drawable);
        });

        imageViewModel.loadImage(this, "https://example.com/image.jpg");
    }
}

在上面的代碼中，我們使用ViewModel來管理圖片加載邏輯，并在Activity中觀察圖片加載結果并顯示到ImageView上。這樣可以確保圖片加載邏輯與界面邏輯分離，避免內存泄漏和持久化數據的管理問題。