如何从Firebase Storage获取图片？用Picasso加载单张用户头像

嘿，我明白你的需求——很多教程都是讲用RecyclerView批量加载图片，但单张用户头像的加载其实更直接，咱们一步步来搞定：

首先你需要定位到当前登录用户的头像文件。通常大家会把用户头像存在类似 users/{用户UID}/profile.jpg 的路径下（你可以根据自己的存储结构调整路径和文件名）。

Kotlin 示例： #

// 获取当前登录的用户
val currentUser = FirebaseAuth.getInstance().currentUser
currentUser?.let { user ->
    // 获取Firebase Storage的根引用
    val storageRootRef = FirebaseStorage.getInstance().reference
    // 指向当前用户的头像文件
    val userAvatarRef = storageRootRef.child("users/${user.uid}/profile.jpg")
    
    // 接下来我们用这个引用获取下载URL并加载图片
    loadAvatarWithPicasso(userAvatarRef)
}

Java 示例： #

FirebaseUser currentUser = FirebaseAuth.getInstance().getCurrentUser();
if (currentUser != null) {
    // 获取Firebase Storage根引用
    StorageReference storageRootRef = FirebaseStorage.getInstance().getReference();
    // 指向当前用户的头像文件
    StorageReference userAvatarRef = storageRootRef.child("users/" + currentUser.getUid() + "/profile.jpg");
    
    // 调用加载方法
    loadAvatarWithPicasso(userAvatarRef);
}

Firebase Storage的文件不能直接用引用加载，需要先获取可公开访问的下载URL，然后传给Picasso。

Kotlin 加载方法： #

private fun loadAvatarWithPicasso(avatarRef: StorageReference) {
    avatarRef.downloadUrl.addOnSuccessListener { uri ->
        // 成功拿到下载URL，用Picasso加载到ImageView
        Picasso.get()
            .load(uri.toString())
            .placeholder(R.drawable.default_avatar) // 加载过程中显示的占位图
            .error(R.drawable.error_avatar) // 加载失败时显示的图
            .transform(CircleTransform()) // 可选：把头像切成圆形
            .into(yourAvatarImageView) // 替换成你的ImageView实例
    }.addOnFailureListener { exception ->
        // 获取URL失败，加载默认头像
        Picasso.get()
            .load(R.drawable.default_avatar)
            .into(yourAvatarImageView)
        Log.e("AvatarLoad", "获取头像URL失败", exception)
    }
}

Java 加载方法： #

private void loadAvatarWithPicasso(StorageReference avatarRef) {
    avatarRef.getDownloadUrl().addOnSuccessListener(new OnSuccessListener<Uri>() {
        @Override
        public void onSuccess(Uri uri) {
            Picasso.get()
                .load(uri.toString())
                .placeholder(R.drawable.default_avatar)
                .error(R.drawable.error_avatar)
                .transform(new CircleTransform())
                .into(yourAvatarImageView);
        }
    }).addOnFailureListener(new OnFailureListener() {
        @Override
        public void onFailure(@NonNull Exception e) {
            Picasso.get()
                .load(R.drawable.default_avatar)
                .into(yourAvatarImageView);
            Log.e("AvatarLoad", "获取头像URL失败", e);
        }
    });
}

如果你需要圆形头像，可以自定义一个Picasso的Transformation：

Kotlin 版本： #

class CircleTransform : Transformation {
    override fun transform(source: Bitmap): Bitmap {
        val size = min(source.width, source.height)
        val x = (source.width - size) / 2
        val y = (source.height - size) / 2
        
        // 先把图片切成正方形
        val squaredBitmap = Bitmap.createBitmap(source, x, y, size, size)
        if (squaredBitmap != source) {
            source.recycle()
        }
        
        // 绘制圆形
        val bitmap = Bitmap.createBitmap(size, size, source.config)
        val canvas = Canvas(bitmap)
        val paint = Paint().apply {
            shader = BitmapShader(squaredBitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP)
            isAntiAlias = true
        }
        val radius = size / 2f
        canvas.drawCircle(radius, radius, radius, paint)
        
        squaredBitmap.recycle()
        return bitmap
    }

    override fun key(): String = "circle"
}

Java 版本： #

public class CircleTransform implements Transformation {
    @Override
    public Bitmap transform(Bitmap source) {
        int size = Math.min(source.getWidth(), source.getHeight());
        int x = (source.getWidth() - size) / 2;
        int y = (source.getHeight() - size) / 2;
        
        Bitmap squaredBitmap = Bitmap.createBitmap(source, x, y, size, size);
        if (squaredBitmap != source) {
            source.recycle();
        }
        
        Bitmap bitmap = Bitmap.createBitmap(size, size, source.getConfig());
        Canvas canvas = new Canvas(bitmap);
        Paint paint = new Paint();
        BitmapShader shader = new BitmapShader(squaredBitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
        paint.setShader(shader);
        paint.setAntiAlias(true);
        
        float radius = size / 2f;
        canvas.drawCircle(radius, radius, radius, paint);
        
        squaredBitmap.recycle();
        return bitmap;
    }

    @Override
    public String key() {
        return "circle";
    }
}

• Storage权限规则：确保你的Firebase Storage规则允许当前登录用户访问自己的头像，比如：

rules_version = '2';
service firebase.storage {
  match /b/{bucket}/o {
    match /users/{userId}/{allPaths=**} {
      allow read, write: if request.auth != null && request.auth.uid == userId;
    }
  }
}

• 依赖检查：确保你的项目里已经添加了Picasso和Firebase Storage的依赖，比如在build.gradle（Module级）里：

// Picasso
implementation 'com.squareup.picasso:picasso:2.71828'
// Firebase Storage
implementation 'com.google.firebase:firebase-storage-ktx:20.3.0' // Kotlin
// 或者Java版本
implementation 'com.google.firebase:firebase-storage:20.3.0'

这样就能轻松加载当前用户的头像啦，核心就是通过用户UID精准定位到Storage里的文件，再获取URL用Picasso加载~

内容的提问来源于stack exchange，提问作者Vicky Gupta