Question

我们如何在android中使用数据绑定将图像资源放入ImageView？

  <ImageView
            android:id="@+id/is_synced"
            android:src="@{model.pending ? @mipmap/pending: @mipmap/synced}"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

如果pending为true，我想要一个图像;如果pending为false，我想要另一个图像。但它显示错误。我如何实现此功能？

Answer 1

answer：

定义：

@BindingAdapter({"android:src"})
public static void setImageViewResource(ImageView imageView, int resource) {
    imageView.setImageResource(resource);
}

使用：

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:scaleType="center"
    android:src="@{viewModel.imageRes, default=@drawable/guide_1}"/>

Answer 2

像这样设置图像，

  <ImageView
        android:layout_width="28dp"
        android:layout_height="28dp"
        android:src="@{model.isActive ? @drawable/white_activated_icon :@drawable/activated_icon}"
        tools:src="@mipmap/white_activated_icon" />

Answer 3

我试过这个，它对我有用（buildToolsVersion：24.0.1）：

<ImageView
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_margin="8dp"
    android:scaleType="centerInside"
    app:imageResource="@{item.avatarResId}"/>

只需使用app:imageResource替换android:src，android:src="@{item.avatarResId}"不起作用，否则为其定义自定义@BindAdapter("android:src")。

但使用app:imageResource并不需要另外定义@BindAdapter，因为ImageView有一个名为setImageResource()的方法，当您使用app:imageResource时，它会调用<{1}}自动。

Answer 4

如果你想像@IdRes那样将参数传递给方法，你可以使用

<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools">

<data>

    <import type="<package name>.R" />
</data>

<ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        app:load_image="@{R.drawable.image}" />
</layout>

@BindingAdapter("load_image")
public static void loadImage(ImageView view, @IdRes int imageId) {
    //Logic
}

Answer 5

对于这篇伟大的文章：Loading images with Data Binding and Picasso

有两种方法可以做到：

使用@BindingAdapter
ObservableField＆amp;自定义毕加索目标

在Android开发者参考Data Binding Guide中，您只能找到第一个。

请阅读这两篇文章。

更多信息：

希望有所帮助。

Answer 6

如果您的数据模型包含图像的资源ID，则无需以编程方式执行任何操作即可执行此操作。

示例：

<layout>

<data>
<import type="android.support.v4.content.ContextCompat" />            
<variable
name="roomInfoItem"
type="com.example......model.RoomInfoModel" /> </data>

<RelativeLayout> 

 <ImageView
    android:id="@+id/iv_room_info_item"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
 />

</RelativeLayout>

</layout>

只需将以下行添加到您的imageView（我在其中添加代码时无法格式化代码）：

android:src="@{ContextCompat.getDrawable(context,roomInfoItem.resId)}"

其中resId包含R.drawable.your_image_name

Answer 7

更多详情请参阅此处Details 使用数据绑定和毕加索加载图片

public class ProfileViewModel {
// The URL will usually come from a model (i.e Profile)
static final String IMAGE_URL = "http://cdn.meme.am/instances/60677654.jpg";
public ObservableField<Drawable> profileImage;
private BindableFieldTarget bindableFieldTarget;

public ProfileViewModel(Context context) {
    profileImage = new ObservableField<>();
    // Picasso keeps a weak reference to the target so it needs to be stored in a field
    bindableFieldTarget = new BindableFieldTarget(profileImage, context.getResources());
    Picasso.with(context)
            .load(IMAGE_URL)
            .placeholder(R.drawable.placeholder)
            .into(bindableFieldTarget);
}

public class BindableFieldTarget implements Target {

    private ObservableField<Drawable> observableField;
    private Resources resources;

    public BindableFieldTarget(ObservableField<Drawable> observableField, Resources resources) {
        this.observableField = observableField;
        this.resources = resources;
    }

    @Override
    public void onBitmapLoaded(Bitmap bitmap, Picasso.LoadedFrom from) {
        observableField.set(new BitmapDrawable(resources, bitmap));
    }

    @Override
    public void onBitmapFailed(Drawable errorDrawable) {
        observableField.set(errorDrawable);
    }

    @Override
    public void onPrepareLoad(Drawable placeHolderDrawable) {
        observableField.set(placeHolderDrawable);
    }
}
}

Answer 8

<ImageView ...
        app:svg="@{@drawable/ic_car_placeholder}" />

然后

@BindingAdapter({"app:svg"})
public static void setImageViewResource(ImageView imageView, Drawable resource) {
    imageView.setBackgroundDrawable(resource);
}

Answer 9

问题在于所有具有相同名称的setter的属性。例如如果我们在ImageView上有setSrc（）方法，你的代码可以在没有自定义绑定适配器的情况下工作，那么如果setX（）方法在那个视图中不存在，android：x将无法工作

如何使用DataBinding将Image资源设置为ImageView

9 个答案: