创建一个如下所示的指示器
ActivityIndicatorView(isVisible: $showLoadingIndicator, type: .default)
其中
showLoadingIndicator
- 布尔值,您可以更改它来显示或隐藏指示器
type
- 来自 ActivityIndicatorView.IndicatorType
枚举的值
您可以使用标准的 SwiftUI 方法来修改它,例如
ActivityIndicatorView(isVisible: $showLoadingIndicator, type: .default)
.frame(width: 50.0, height: 50.0)
.foregroundColor(.red)
或者指定另一个指示器类型
ActivityIndicatorView(isVisible: $showLoadingIndicator, type: .growingArc(.red, lineWidth: 4))
.frame(width: 50.0, height: 50.0)
每种指示器类型都有一些参数,这些参数都有合理的默认值。您可以根据需要更改它们,但建议不要设置得太高或太低。
default
- iOS UIActivityIndicator 样式
.default(count: 8)
arcs (弧线)
.arcs(count: 3, lineWidth: 2)
rotatingDots (旋转的点)
.rotatingDots(count: 5)
flickeringDots (闪烁的点)
.flickeringDots(count: 8)
scalingDots (缩放的点)
.scalingDots(count: 3, inset: 2)
opacityDots (透明的点)
.opacityDots(count: 3, inset: 4)
equalizer (均衡器)
.equalizer(count: 5)
growingArc
- 为增长的弧线添加自定义颜色,默认值为 Color.black
.growingArc(.red, lineWidth: 4)
growingCircle
- 无参数
gradient
- 带有角度渐变边框笔触的圆圈,像这样传递颜色
.gradient([.white, .red], lineWidth: 4)
要试用 ActivityIndicatorView 示例
git clone git@github.com:exyte/ActivityIndicatorView.git
cd <ActivityIndicatorViewRepo>/Example
pod install
安装所有依赖项xed .
在 Xcode 中打开项目dependencies: [
.package(url: "https://github.com/exyte/ActivityIndicatorView.git")
]
pod 'ActivityIndicatorView'
github "Exyte/ActivityIndicatorView"
PopupView - Toasts 和 popups 库
Grid - 最强大的 Grid 容器
ScalingHeaderScrollView - 带有粘性标题的滚动视图,它会在您滚动时缩小
AnimatedTabBar - 带有许多预设动画的标签栏
MediaPicker - 可定制的媒体选择器
Chat - 聊天 UI 框架,具有完全可定制的消息单元格、输入视图和内置的媒体选择器
OpenAI OpenAI REST API 的包装库
AnimatedGradient - 动画线性渐变
ConcentricOnboarding - 动画入职流程
FloatingButton - 悬浮按钮菜单
ProgressIndicatorView - 一系列动画进度指示器
FlagAndCountryCode - 每个国家的电话代码和国旗
SVGView - SVG 解析器
LiquidSwipe - 流体导航动画