ActivityIndicatorView

一系列使用 SwiftUI 创建的预设加载指示器

SPM Compatible Cocoapods Compatible Carthage Compatible License: MIT

用法

创建一个如下所示的指示器

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 示例

安装

Swift Package Manager

dependencies: [
    .package(url: "https://github.com/exyte/ActivityIndicatorView.git")
]

CocoaPods

pod 'ActivityIndicatorView'

Carthage

github "Exyte/ActivityIndicatorView"

要求

我们的其他开源 SwiftUI 库

PopupView - Toasts 和 popups 库
Grid - 最强大的 Grid 容器
ScalingHeaderScrollView - 带有粘性标题的滚动视图,它会在您滚动时缩小
AnimatedTabBar - 带有许多预设动画的标签栏
MediaPicker - 可定制的媒体选择器
Chat - 聊天 UI 框架,具有完全可定制的消息单元格、输入视图和内置的媒体选择器
OpenAI OpenAI REST API 的包装库
AnimatedGradient - 动画线性渐变
ConcentricOnboarding - 动画入职流程
FloatingButton - 悬浮按钮菜单
ProgressIndicatorView - 一系列动画进度指示器
FlagAndCountryCode - 每个国家的电话代码和国旗
SVGView - SVG 解析器
LiquidSwipe - 流体导航动画