iOS 中的Skeleton UI

10 篇文章 0 订阅
5 篇文章 0 订阅
本文探讨了在iOS应用中使用骨架屏技术来提升用户体验、减少白屏时间及优化性能的优点,同时指出了增加开发复杂性、可能影响体验和资源消耗的缺点,以及推荐的几种常见实现方法,如SkeletonUI、SwiftUI的.placeholder和SwiftUI-Shimmer。
摘要由CSDN通过智能技术生成

使用骨架屏(skeleton screen)是一种在应用加载过程中展示占位符内容的技术,可以提升用户体验。以下是使用骨架屏的一些优点:
1.提高用户体验:在应用加载数据时,骨架屏可以提供一个清晰的占位符,让用户知道应用正在加载数据,避免用户感到无所适从。
2.减少白屏时间:骨架屏可以立即展示应用的内容,从而减少白屏时间,提高用户满意度。
3.提升应用性能:骨架屏可以减少应用在加载数据时的渲染时间,从而提升应用的性能。
然而,使用骨架屏也存在一些缺点:
1. 增加开发复杂性:实现骨架屏需要额外的开发工作,增加了开发的复杂性。
2.可能影响用户体验:如果骨架屏的设计与实际加载的数据不匹配,可能会给用户带来困扰。
3.消耗额外资源:为了实现骨架屏,需要额外的资源来加载和渲染占位符内容,可能会增加应用的资源消耗。
因此,在使用骨架屏时,需要根据应用的实际情况进行权衡,综合考虑用户体验、开发复杂性、资源消耗等因素来决定是否使用骨架屏。

iOS常用的骨架图的方法

1.使用SkeletonUI第三方套件,目前在 iOS15 上会有动画,但是在iOS 17 上动画有问题

​编辑GitHub - CSolanaM/SkeletonUI: ☠️ Elegant skeleton loading animation in lightweight SwiftUI

2.使用 SwiftUI 的.redacted(reason: .placeholder)

​编辑如何在SwifUI中显示占位内容、显示骨架图的方法

3.使用SwiftUI-Shimmer

​编辑GitHub - markiv/SwiftUI-Shimmer: Shimmer is a super-light modifier that adds a shimmering effect to any SwiftUI View, for example, to show that an operation is in progress. It works well on light and dark modes, and across iOS, macOS, tvOS, watchOS and visionOS.

  • 8
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值