【发布时间】:2021-01-20 04:10:44
【问题描述】:
我正在尝试从我的firebase storage 加载图像并将其显示在我的 Cardview 中,但它不起作用。我唯一得到的是:class com.bumptech.glide.load.engine.GlideException: Failed to load resource 和 Oh, Something went wrong!(我自己的 Timber 消息)。这是我的代码
XML
<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>
<variable
name="product"
type="com.example.app.framework.datasource.models.product.Product" />
</data>
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<com.google.android.material.card.MaterialCardView
android:id="@+id/mcv_product_item"
android:layout_width="165dp"
android:layout_height="210dp"
android:layout_marginTop="12dp"
android:layout_marginBottom="8dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:id="@+id/iv_product_image"
android:layout_width="165dp"
android:layout_height="110dp"
android:contentDescription="TODO"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:loadImage="@{product.images[0]}" <-- Trying to load Image here
tools:src="@drawable/ic_calibrate" />
<com.google.android.material.textview.MaterialTextView
android:id="@+id/tv_product_name"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="12dp"
android:layout_marginEnd="8dp"
android:ellipsize="end"
android:maxLines="2"
android:text="@{product.name}"
app:layout_constraintEnd_toEndOf="@+id/iv_product_image"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toStartOf="@+id/iv_product_image"
app:layout_constraintTop_toBottomOf="@+id/iv_product_image"
tools:text="Test Name" />
<com.google.android.material.textview.MaterialTextView
android:id="@+id/tv_product_price"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginBottom="12dp"
android:text="@{product.price}"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="@+id/tv_product_name" />
</androidx.constraintlayout.widget.ConstraintLayout>
</com.google.android.material.card.MaterialCardView>
</androidx.constraintlayout.widget.ConstraintLayout>
</layout>
数据类
data class Product(
val name: String = "",
val price: Float = 0F,
val category: String = "",
val note: String = "",
val articelNumber: Int = 0,
val images: ArrayList<String> = arrayListOf(),
val description: ArrayList<ProductDescription> = arrayListOf(),
val technicalDescription: ArrayList<ProductDescription>? = arrayListOf(),
val hasAccessories: Boolean = false
)
data class ProductDescription(
val category: String = "",
val body: String = "",
)
Glide 绑定适配器
@BindingAdapter("loadImage")
fun setImageFromUrl(view: ImageView, url: String?) {
if (!url.isNullOrEmpty()) {
GlideApp
.with(view)
.load(url)
.fitCenter()
.apply(RequestOptions.bitmapTransform(RoundedCorners(4)))
.into(view)
} else {
Timber.d("Oh, Something went wrong!")
}
}
GlideAppModule
@GlideModule
class GlideAppModule : AppGlideModule() {
override fun registerComponents(context: Context, glide: Glide, registry: Registry) {
super.registerComponents(context, glide, registry)
registry.append(StorageReference::class.java, InputStream::class.java, FirebaseImageLoader.Factory())
}
}
依赖关系
implementation "com.firebaseui:firebase-ui-storage:6.3.0"
implementation "com.github.bumptech.glide:glide:4.11.0"
kapt "com.github.bumptech.glide:compiler:4.11.0"
kapt "com.github.bumptech.glide:annotations:4.11.0"
堆栈跟踪(审查链接)
com.example.app W/Glide: Load failed for gs://censored.appspot.com/products/images/censored-SET_an238386.png with size [433x289]
class com.bumptech.glide.load.engine.GlideException: Failed to load resource
com.example.app D/BindingAdapterKt: Oh, Something went wrong!
我正在从 cloud firestore 获取我的产品对象,并且我的 cardview 中的所有内容都正确加载,但相应的图像除外
感谢每一个帮助,谢谢。
编辑
向GlideApp 添加一个监听器很遗憾没有提供额外的信息,
@BindingAdapter("loadImage")
fun setImageFromUrl(view: ImageView, url: String?) {
if (!url.isNullOrEmpty()) {
GlideApp
.with(view)
.load(url)
.addListener(
object : RequestListener<Drawable> {
override fun onLoadFailed(
e: GlideException?,
model: Any?,
target: Target<Drawable>?,
isFirstResource: Boolean,
): Boolean {
if (e != null) {
Timber.d("Exception ist ${e.stackTraceToString()}")
}
return false
}
override fun onResourceReady(
resource: Drawable?,
model: Any?,
target: Target<Drawable>?,
dataSource: DataSource?,
isFirstResource: Boolean,
): Boolean {
return false
}
}
)
.into(view)
} else {
Timber.d("Oh, Something went wrong!")
}
}
错误仍然存在class com.bumptech.glide.load.engine.GlideException: Failed to load resource。加载图片的权限也来自firebase cloud firestore
【问题讨论】:
-
删除
fitCenter()并尝试 -
@ADM 完全没有区别,仍然失败。在我看来,这与
size of the image view和size of the image本身有关 -
ImageView大小应该不是问题。首先尝试最小化问题。删除fitCenter()并应用转换并确保您的设备上有互联网。为 Glide 图像加载方法添加监听器并调试Exception。 -
@ADM 已经删除了
fitCenter()和.apply(/...),完全没有区别。向 Glide 添加一个监听器绝对没用,因为它告诉我相同的GlideException: Failed to load resource。 Internet 连接始终可用,否则它将永远无法获得storage reference和所有其他product details。我也cleaned Build and Invalidated Caches,没有任何帮助。
标签: android firebase kotlin firebase-storage android-glide