Android中如何用DataBinding+Glide加载ImageView？启动自动加载求助

Hey there! Let's get your image loading automatically when the app launches instead of waiting for a button click. Here's how to fix your existing code step by step:

1. Trigger Image Loading on ViewModel Initialization #

Right now, your url property starts as null, and you only set it when the login button is clicked. To load the image on app start, we just need to set the initial URL in the ViewModel's constructor.

Update your LoginViewModel constructor:

public LoginViewModel() {
    user = new User("","");
    // Set your default image URL here to trigger loading on app launch
    setUrl(URL_1);
}

This calls setUrl(), which triggers notifyPropertyChanged(BR.url) — DataBinding will automatically invoke your Glide BindingAdapter as soon as the ViewModel is created.

2. Robustify the BindingAdapter #

Your current BindingAdapter works, but let's add handling for empty URLs to avoid potential issues with Glide. We can also add optional placeholder/error images for better UX:

@BindingAdapter("bind:imgUrl")
public static void setProfilePicture(ImageView imageView, String imgUrl) {
    // Handle empty or null URL
    if (TextUtils.isEmpty(imgUrl)) {
        imageView.setImageDrawable(null); // Clear the image or set a placeholder
        return;
    }

    Glide.with(imageView.getContext())
         .load(imgUrl)
         .placeholder(R.drawable.placeholder_image) // Optional: Show while loading
         .error(R.drawable.error_image) // Optional: Show if load fails
         .into(imageView);
}

3. Ensure Proper DataBinding Setup in MainActivity #

Make sure your Activity correctly initializes DataBinding and binds the ViewModel. If you haven't already, add this to your MainActivity:

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        
        // Initialize DataBinding
        ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        
        // Create and bind the ViewModel
        LoginViewModel viewModel = new LoginViewModel();
        binding.setViewModel(viewModel);
        
        // Set LifecycleOwner (good practice for lifecycle-aware components)
        binding.setLifecycleOwner(this);
    }
}

Why This Works #

• The ViewModel's constructor sets the initial URL immediately when the app starts, triggering the DataBinding update.
• The BindingAdapter listens for changes to the url property and uses Glide to load the image automatically.
• Adding null/empty handling prevents Glide from attempting to load invalid URLs.

Quick Checks #

• Ensure your User class has proper getter/setter methods for email and password (since you're using @Bindable on those properties).
• Confirm that DataBinding is enabled in your build.gradle file (you should have dataBinding { enabled = true } in the android block).

内容的提问来源于stack exchange，提问作者Rahul Bh