Swift新手求助：如何将左侧BarButtonItem设为URL加载的图片

要实现导航栏左侧BarButtonItem加载登录后获取的用户头像，你可以按以下步骤操作：

1. 监听头像URL的变化 #

给profilePicUrl添加didSet属性观察器，这样当登录成功赋值后会自动触发图片加载逻辑：

var profilePicUrl: URL? {
    didSet {
        guard let url = profilePicUrl else { return }
        loadProfileImage(from: url)
    }
}

2. 实现异步图片加载方法 #

写一个私有方法，通过URLSession异步加载图片，加载完成后切回主线程更新UI（必须在主线程操作UI元素）：

private func loadProfileImage(from url: URL) {
    URLSession.shared.dataTask(with: url) { [weak self] data, response, error in
        // 处理加载失败的情况，设置默认头像
        guard let imageData = data, let avatarImage = UIImage(data: imageData), error == nil else {
            DispatchQueue.main.async {
                self?.profileButton.image = UIImage(systemName: "person.circle")
            }
            return
        }
        
        // 调整图片大小适配BarButtonItem（可选，根据需求调整尺寸）
        let resizedAvatar = avatarImage.resized(to: CGSize(width: 30, height: 30))
        
        // 主线程更新按钮图片
        DispatchQueue.main.async {
            self?.profileButton.image = resizedAvatar.withRenderingMode(.alwaysOriginal)
        }
    }.resume()
}

3. 添加UIImage扩展调整图片大小 #

为了方便调整头像尺寸，给UIImage写一个简单的扩展：

extension UIImage {
    func resized(to size: CGSize) -> UIImage {
        return UIGraphicsImageRenderer(size: size).image { context in
            self.draw(in: CGRect(origin: .zero, size: size))
        }
    }
}

关键注意事项 #

• 使用[weak self]避免闭包导致的循环引用
• 所有UI操作必须放在主线程执行，否则会引发崩溃
• 可以根据需求修改默认头像和调整后的图片尺寸
• 如果需要更稳定的图片加载（比如缓存），后期可以考虑引入SDWebImage等第三方库，但新手先从系统API入手更合适

内容的提问来源于stack exchange，提问作者James Woollcott