ActivityIndicatorView:SwiftUI 创建的预设加载指示器库





项目名称:ActivityIndicatorView

ActivityIndicatorView 是一个用 SwiftUI 编写的加载指示器库,它提供了多种预设的动画效果,可以用于各种加载场景。以下是该项目的主要特点和使用方法:

使用方法

创建一个指示器,如下所示:

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 UIActivityIndicatorView 样式

    .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 的示例:

  1. 克隆仓库 git clone git@github.com:exyte/ActivityIndicatorView.git

  2. 打开终端并运行 cd <ActivityIndicatorViewRepo>/Example

  3. 运行 pod install 安装所有依赖项

  4. 运行 xed . 在 Xcode 中打开项目

  5. 尝试它!

安装

  • 通过 Swift Package Manager、CocoaPods 和 Carthage 集成 ActivityIndicatorView

系统要求

  • iOS 13+ watchOS 6+ tvOS 13+ / macOS 10.15+

  • Xcode 11+

其他开源 SwiftUI 库

Exyte 还提供了其他多个开源 SwiftUI 库,如 PopupView、Grid、ScalingHeaderScrollView 等。

或许喜欢

LabelButtonKit:SwiftUI 标签按钮库支持动态类型

LabelButtonKit 是一个为 SwiftUI 设计的标签按钮库,支持 SF Symbols,动态类型,并且完全可定制,适用于 iOS、macOS、watchOS 和 tvOS。

最近更新 2024-12-09

FlowStacks:为SwiftUI导航添加超能力

FlowStacks是一个SwiftUI库,它扩展了NavigationStack API,允许开发者使用统一的API进行页面推送、展示sheet和全屏覆盖,支持iOS、tvOS、watchOS和macOS。

最近更新 2024-12-13

swiftui-vertical-tab-view:SwiftUI 垂直分页标签视图

swiftui-vertical-tab-view 是一个 SwiftUI 库,提供了 iOS 14 风格的垂直分页标签视图,支持自定义索引位置和隐藏索引。

最近更新 2024-12-09

热榜

Made with in Shangrao,China By 老雷

Copyright © devler.cn 1987 - Present

赣ICP备19009883号-1