使用 Glide 从 Firebase 存储中获取图像
Getting Image from Firebase Storage using Glide
我正在尝试使用 Glide 从 Firebase 存储加载图像,但出现错误。
package com.kanishq.wallpaper;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.widget.ImageView;
import com.bumptech.glide.Glide;
import com.firebase.ui.storage.images.FirebaseImageLoader;
import com.google.firebase.storage.FirebaseStorage;
import com.google.firebase.storage.StorageReference;
public class Picture_act extends AppCompatActivity{
ImageView i1;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.picture_activity);
FirebaseStorage storage = FirebaseStorage.getInstance();
StorageReference storageReference = storage.getReference();
i1 = (ImageView) findViewById(R.id.full_picture);
Glide.with(this).using(new
FirebaseImageLoader()).load(storageReference).into(i1);
}
}
Gradle 文件 -
dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])
androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', {
exclude group: 'com.android.support', module: 'support-annotations'
})
compile 'com.google.firebase:firebase-storage:11.4.2'
compile 'com.google.firebase:firebase-auth:11.4.2'
compile 'com.firebaseui:firebase-ui-storage:3.0.0'
compile 'com.android.support:appcompat-v7:25.1.0'
compile 'com.android.support:design:25.1.0'
compile 'com.github.devlight.navigationtabstrip:navigationtabstrip:1.0.4'
testCompile 'junit:junit:4.12'
compile 'com.github.bumptech.glide:glide:3.8.0'
annotationProcessor 'com.github.bumptech.glide:compiler:4.2.0'
}
apply plugin: 'com.google.gms.google-services'
我遇到一个错误:
试试这个方法:
storageReference.getDownloadUrl().addOnSuccessListener(new OnSuccessListener<Uri>() {
@Override
public void onSuccess(Uri uri) {
imageURL = uri.toString();
Glide.with(getApplicationContext()).load(imageURL).into(i1);
}
}).addOnFailureListener(new OnFailureListener() {
@Override
public void onFailure(@NonNull Exception exception) {
// Handle any errors
}
});
所以通过这种方式,您可以获得 URL 到存储中的图像,然后将 URL 加载到滑行中
似乎在 Firebase UI 3.0.0 中,Firebase 支持 Glide 4.0 并改变了使用 Glide 加载数据的方式。根据 Github 上的文档:
要从 StorageReference 加载图像,首先在您的 AppGlideModule 中注册:
@GlideModule
public class MyAppGlideModule extends AppGlideModule {
@Override
public void registerComponents(Context context, Registry registry) {
// Register FirebaseImageLoader to handle StorageReference
registry.append(StorageReference.class, InputStream.class,
new FirebaseImageLoader.Factory());
}
}
然后您可以将 StorageReference 加载到 ImageView 中:
// Reference to an image file in Cloud Storage
StorageReference storageReference = ...;
// ImageView in your Activity
ImageView imageView = ...;
// Download directly from StorageReference using Glide
// (See MyAppGlideModule for Loader registration)
GlideApp.with(this /* context */)
.load(storageReference)
.into(imageView);
(来源:https://github.com/firebase/FirebaseUI-Android/tree/master/storage)
如果您将 Firebase UI 降级到 2.4.0,您的代码应该可以工作,但是在这种情况下,您很可能会收到支持库的混合版本错误。
( KOTLIN ) 文档中的任何地方都没有提到它,但是必须使用 Glide 将图像直接从云存储加载到您的应用程序中,您必须在 app build.gradle
中包含三行(除了其他 Firebase 依赖项):
implementation 'com.github.bumptech.glide:glide:4.11.0'
annotationProcessor 'com.github.bumptech.glide:compiler:4.11.0'
implementation 'com.firebaseui:firebase-ui-storage:6.2.0'
尽管建议您对 Kotlin 使用 kotlin - kapt
而不是 annotationProcessor
。
然后在项目的某个地方为 Firebase Loader 添加此 class。请注意,注释对于 class:
非常重要
package com.your.package.name
import android.content.Context
import com.bumptech.glide.Glide
import com.bumptech.glide.Registry
import com.bumptech.glide.annotation.GlideModule
import com.bumptech.glide.module.AppGlideModule
import com.firebase.ui.storage.images.FirebaseImageLoader
import com.google.firebase.storage.StorageReference
import java.io.InputStream
@GlideModule
class MyAppGlideModule : AppGlideModule() {
override fun registerComponents(context: Context, glide: Glide, registry: Registry) {
registry.append(
StorageReference::class.java, InputStream::class.java,
FirebaseImageLoader.Factory()
)
}
}
然后您可以将其用作:
Glide.with(this /* context */)
.load(storageReference)
.into(imageView)
有什么错误吗?也更新上面的依赖项 Invalidate Cache and Restart
你的 Android Studio。
我正在尝试使用 Glide 从 Firebase 存储加载图像,但出现错误。
package com.kanishq.wallpaper;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.widget.ImageView;
import com.bumptech.glide.Glide;
import com.firebase.ui.storage.images.FirebaseImageLoader;
import com.google.firebase.storage.FirebaseStorage;
import com.google.firebase.storage.StorageReference;
public class Picture_act extends AppCompatActivity{
ImageView i1;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.picture_activity);
FirebaseStorage storage = FirebaseStorage.getInstance();
StorageReference storageReference = storage.getReference();
i1 = (ImageView) findViewById(R.id.full_picture);
Glide.with(this).using(new
FirebaseImageLoader()).load(storageReference).into(i1);
}
}
Gradle 文件 -
dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])
androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', {
exclude group: 'com.android.support', module: 'support-annotations'
})
compile 'com.google.firebase:firebase-storage:11.4.2'
compile 'com.google.firebase:firebase-auth:11.4.2'
compile 'com.firebaseui:firebase-ui-storage:3.0.0'
compile 'com.android.support:appcompat-v7:25.1.0'
compile 'com.android.support:design:25.1.0'
compile 'com.github.devlight.navigationtabstrip:navigationtabstrip:1.0.4'
testCompile 'junit:junit:4.12'
compile 'com.github.bumptech.glide:glide:3.8.0'
annotationProcessor 'com.github.bumptech.glide:compiler:4.2.0'
}
apply plugin: 'com.google.gms.google-services'
我遇到一个错误:
试试这个方法:
storageReference.getDownloadUrl().addOnSuccessListener(new OnSuccessListener<Uri>() {
@Override
public void onSuccess(Uri uri) {
imageURL = uri.toString();
Glide.with(getApplicationContext()).load(imageURL).into(i1);
}
}).addOnFailureListener(new OnFailureListener() {
@Override
public void onFailure(@NonNull Exception exception) {
// Handle any errors
}
});
所以通过这种方式,您可以获得 URL 到存储中的图像,然后将 URL 加载到滑行中
似乎在 Firebase UI 3.0.0 中,Firebase 支持 Glide 4.0 并改变了使用 Glide 加载数据的方式。根据 Github 上的文档:
要从 StorageReference 加载图像,首先在您的 AppGlideModule 中注册:
@GlideModule
public class MyAppGlideModule extends AppGlideModule {
@Override
public void registerComponents(Context context, Registry registry) {
// Register FirebaseImageLoader to handle StorageReference
registry.append(StorageReference.class, InputStream.class,
new FirebaseImageLoader.Factory());
}
}
然后您可以将 StorageReference 加载到 ImageView 中:
// Reference to an image file in Cloud Storage
StorageReference storageReference = ...;
// ImageView in your Activity
ImageView imageView = ...;
// Download directly from StorageReference using Glide
// (See MyAppGlideModule for Loader registration)
GlideApp.with(this /* context */)
.load(storageReference)
.into(imageView);
(来源:https://github.com/firebase/FirebaseUI-Android/tree/master/storage)
如果您将 Firebase UI 降级到 2.4.0,您的代码应该可以工作,但是在这种情况下,您很可能会收到支持库的混合版本错误。
( KOTLIN ) 文档中的任何地方都没有提到它,但是必须使用 Glide 将图像直接从云存储加载到您的应用程序中,您必须在 app build.gradle
中包含三行(除了其他 Firebase 依赖项):
implementation 'com.github.bumptech.glide:glide:4.11.0'
annotationProcessor 'com.github.bumptech.glide:compiler:4.11.0'
implementation 'com.firebaseui:firebase-ui-storage:6.2.0'
尽管建议您对 Kotlin 使用 kotlin - kapt
而不是 annotationProcessor
。
然后在项目的某个地方为 Firebase Loader 添加此 class。请注意,注释对于 class:
非常重要package com.your.package.name
import android.content.Context
import com.bumptech.glide.Glide
import com.bumptech.glide.Registry
import com.bumptech.glide.annotation.GlideModule
import com.bumptech.glide.module.AppGlideModule
import com.firebase.ui.storage.images.FirebaseImageLoader
import com.google.firebase.storage.StorageReference
import java.io.InputStream
@GlideModule
class MyAppGlideModule : AppGlideModule() {
override fun registerComponents(context: Context, glide: Glide, registry: Registry) {
registry.append(
StorageReference::class.java, InputStream::class.java,
FirebaseImageLoader.Factory()
)
}
}
然后您可以将其用作:
Glide.with(this /* context */)
.load(storageReference)
.into(imageView)
有什么错误吗?也更新上面的依赖项 Invalidate Cache and Restart
你的 Android Studio。