如何使用Glide加载数据绑定图像？

Question

我正在尝试加载带有数据绑定的图像。但我一直没有忘记。我的问题在哪里？下面是我的代码和布局结构。

MyItemViewModel。kt

  @BindingAdapter("imageUrl")
    fun loadImage(view: RoundedImageView, url: String) = Glide.with(view.context).load(url).into(view)

布局xml

<data>

    <variable
            name="viewModel"
            type="com.myapp.app.ui.activity.albumlist.AlbumItemViewModel"/>
</data>

  <com.makeramen.roundedimageview.RoundedImageView
                android:layout_width="60dp"
                android:id="@+id/ivRoundedAlbum"
                android:layout_marginStart="@dimen/unit_20_dp"
                app:riv_corner_radius="8dp"
                app:imageUrl="@{viewModel.data.cover}"
                android:layout_height="60dp"/>

Answer 1

这工作对我来说很好

             <ImageView
                    android:layout_width="0dp"
                    android:layout_height="100dp"
                    android:layout_margin="10dp"
                    android:layout_gravity="center"
                    bind:image="@{subcategory.image}"
                    bind:placeholder="@{@drawable/no_imge}"
                    android:layout_weight="1" />




  @BindingAdapter("image","placeholder")
    fun setImage(image: ImageView, url: String?, placeHolder: Drawable) {

        if (!imageUrl.isNullOrEmpty()){

          Glide.with(image.context).load(url).centerCrop()
       .placeholder(R.drawable.no_imge)
                    .into(image)
        }
        else{
            image.setImageDrawable(placeHolder)
        }


    }

Answer 2

BindingAdapter方法应该是静态的，因此在这种情况下将其标记为@JvmStatic会有所帮助。

但这会产生“编译时错误”，即“方法不能在类内是静态的”，因此应该将其移动到同伴对象或命名对象。

在你的例子中，你有一个类成员级别的方法，所以把它移动到同伴对象会有所帮助。所以对于MyItemViewModel。kt制作伴星对象，并在那里移动方法如下：

class MyItemViewModel{
    //Some code
    companion object {

        @JvmStatic
        @BindingAdapter("imageUrl")
        fun loadImage(view: RoundedImageView, url: String) { // This methods should not have any return type, = declaration would make it return that object declaration.
            Glide.with(view.context).load(url).into(view)
        }
    }
    //Some other code
}

注意：还可以使用=删除方法声明。绑定方法应该有返回类型单元。

编辑：也可以使用方法Glide。按照@hmac在评论中的建议，使用（视图），但是。。。

使用此Glide.with（view）之前要考虑的事情：

>

在使用此方法之前考虑布局层次结构，因为不鼓励使用该方法的嵌套/大型层次结构布局过多。对于此类布局，效率会降低。

还要注意的是，如果视图位于非支持片段类中，或者上下文属于非支持片段，则会产生嘈杂的html" target="_blank">日志，如文档所示，在使用此方法之前，请先迁移到支持库（现在被认为是AndroidX）！

Answer 3

您需要使url参数为空，并像这样防止为空：

@BindingAdapter("imageUrl")
fun loadImage(view: RoundedImageView, url: String?) {
    if (!url.isNullOrEmpty()) {
        .....
    }
}