AnimationStack:SwiftUI视图堆叠动画库





项目名称:AnimationStack

AnimationStack是一个SwiftUI库,它提供了一个可以动画化的视图堆叠组件,允许开发者在SwiftUI中创建具有动画效果的ForEach循环。以下是该项目的主要特点和使用示例:

创建动画堆叠

VStack {
    AnimationStack {
        Text("Welcome")
        Text("to")
        Text("AnimationStack")
    }
}
.bold()
.font(.largeTitle)

自定义动画堆叠

AnimationStack(opacity: true, offSetX: 100, offSetY: 100, rotation: 11, scale: 2, delay: 0.3, animation: .spring.speed(0.7)) {
    Text("Welcome")
    Text("to")
    Text("AnimationStack")
}

所有提供的参数都是在动画开始前的值。

示例

  • opacity: true:视图将因为透明度为真而混合在一起。

  • offSetX: 100:视图的偏移将从100动画到0。

  • delay: 1:视图之间的动画延迟时间。当堆叠中有3个视图,延迟为1秒时,第一个视图将在1秒内动画,第二个视图在2秒内动画,第三个视图在3秒内动画。

HStack {
    AnimationStack(opacity: true, offSetX: 100, offSetY: 0, delay: 1) {
        Text("Amazing")
        Text("Wow")
        Text("Cool")
        Text("Nice")
    }
}
.bold()
.font(.largeTitle)

ForEachAnimation

ForEachAnimation是一个ForEach循环,它类似于AnimationStack,可以动画化视图。提供的数组中的元素必须符合Hashable协议。

ForEachAnimation(["SwiftUI", "is", "awesome"]) { i in
    Text(i)
}

ForEachAnimation是只读的。你不能通过Binding在堆叠中更改数组的值。你可以像自定义AnimationStack一样自定义ForEachAnimation。

或许喜欢

AnimateText:SwiftUI文本动画库支持iOS/macOS

AnimateText是一个用于SwiftUI的文本动画库,支持iOS和macOS平台,允许开发者创建自定义动画效果,增加应用的动态交互体验。

最近更新 2024-12-09

SwiftUIPager:SwiftUI原生组件构建的分页器

SwiftUIPager是一个用SwiftUI构建的分页器组件,支持垂直和水平分页,视图回收,自定义UI和动画效果,适用于iOS和macOS应用。

最近更新 2024-12-10

FlowStacks:为SwiftUI导航添加超能力

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

最近更新 2024-12-13

热榜

Made with in Shangrao,China By 老雷

Copyright © devler.cn 1987 - Present

赣ICP备19009883号-1