首页 最新 热门 推荐

  • 首页
  • 最新
  • 热门
  • 推荐

  • 24-12-02 22:26
  • 4352
  • 12410
juejin.cn

AsyncImage

AsyncImage 是 iOS 15 之后 SwiftUI 提供的用于加载网络图片的异步加载组件,适用于简单的网络图片加载需求。

示例代码:

js
代码解读
复制代码
AsyncImage(url: URL(string: data.icon ?? "")) { image in image .resizable() .scaledToFill() .frame(width: 64, height: 64) .clipShape(RoundedRectangle(cornerRadius: 10)) } placeholder: { Color.gray .frame(width: 64, height: 64) .clipShape(RoundedRectangle(cornerRadius: 10)) }

详细状态

js
代码解读
复制代码
AsyncImage(url: icon) { phase in switch phase { case .success(let image): image .resizable() .aspectRatio(contentMode: .fill) case .failure: Image(systemName: "xmark.circle") .resizable() .scaledToFit() case .empty: EmptyView() default: EmptyView() } }

优点:

  • 原生支持,无需引入第三方库。
  • 简单适用,但不支持缓存和高级的图片处理功能。

缺点:

  • 无法处理图片缓存,且占位图设置不够灵活。
  • 仅适用于 iOS 15 及以上版本

Kingfisher​

Kingfisher 是一个强大的第三方库,支持图片缓存、图片下载、以及处理占位图、图片解码等高级功能。

安装 Kingfisher:​

可以使用 Swift Package Manager 或 CocoaPods 安装 Kingfisher。

使用 Swift Package Manager:

  1. 打开 Xcode 项目。
  2. 选择菜单栏的File > Add Packages...。
  3. 在搜索栏中输入https://github.com/onevcat/Kingfisher,选择最新版本并添加到项目中。
js
代码解读
复制代码
if let icon = data.icon?.url { KFImage.url(icon) .onProgress { receivedSize, totalSize in } .onSuccess { result in } .onFailure { error in} .resizable() .aspectRatio(contentMode: .fill) .frame(width: 120, height: 120) .background(.divider) // LocalDividerColor equivalent .clipShape(extraSmallShape) } else { Image("placeholder") .resizable() .aspectRatio(contentMode: .fill) .frame(width: 120, height: 120) .background(.outline) .clipShape(extraSmallShape) }

优点:

  • 支持图片缓存,提升加载速度。
  • 提供丰富的图片处理和显示功能,如滤镜、占位符、解码等。
  • 支持更广泛的 iOS 版本(iOS 11+)。

缺点:

  • 需要引入第三方库,增加了项目的依赖。

总结

  • AsyncImage 适用于简单的网络图片加载需求,特别是在不需要缓存的场景下。
  • Kingfisher 更加灵活,适合需要缓存、多功能图片处理的场景。
注:本文转载自juejin.cn的undefined在掘金39041的文章"https://juejin.cn/post/7442596105202761743"。版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。如有侵权,请联系我们删除。
复制链接
复制链接
相关推荐
发表评论
登录后才能发表评论和回复 注册

/ 登录

评论记录:

未查询到任何数据!
回复评论:

分类栏目

后端 (14832) 前端 (14280) 移动开发 (3760) 编程语言 (3851) Java (3904) Python (3298) 人工智能 (10119) AIGC (2810) 大数据 (3499) 数据库 (3945) 数据结构与算法 (3757) 音视频 (2669) 云原生 (3145) 云平台 (2965) 前沿技术 (2993) 开源 (2160) 小程序 (2860) 运维 (2533) 服务器 (2698) 操作系统 (2325) 硬件开发 (2492) 嵌入式 (2955) 微软技术 (2769) 软件工程 (2056) 测试 (2865) 网络空间安全 (2948) 网络与通信 (2797) 用户体验设计 (2592) 学习和成长 (2593) 搜索 (2744) 开发工具 (7108) 游戏 (2829) HarmonyOS (2935) 区块链 (2782) 数学 (3112) 3C硬件 (2759) 资讯 (2909) Android (4709) iOS (1850) 代码人生 (3043) 阅读 (2841)

热门文章

141
iOS
关于我们 隐私政策 免责声明 联系我们
Copyright © 2020-2025 蚁人论坛 (iYenn.com) All Rights Reserved.
Scroll to Top