This library for animating text. Developed with SwiftUI. This library supports iOS/macOS.
https://user-images.githubusercontent.com/1617304/153016287-73f15db7-b642-4c4d-afc7-b3ecb2a17640.mp4
https://fabulaapp.page.link/224
AnimateText
/// A view that animates binding text. Passing the effect type as a generic.
/// struct AnimateText<E> where E : ATTextAnimateEffect
/// Binding the text to be expressed.
@State var text: String = "AnimateText"
/// The type used to split text.
@State var type: ATUnitType = .letters
/// Custom user info for the effect.
@State var userInfo: Any? = nil
AnimateText<CustomEffect>($text, type: type, userInfo: userInfo)
Each effect only needs to conform to the ATTextAnimateEffect protocol.
/// Custom animation effect.
public struct CustomEffect: ATTextAnimateEffect {
public var data: ATElementData
public var userInfo: Any?
public init(_ data: ATElementData, _ userInfo: Any?) {
self.data = data
self.userInfo = userInfo
}
public func body(content: Content) -> some View {
content
.opacity(data.value)
.animation(.easeInOut.delay(Double(data.index) * 0.06), value: data.value)
}
}
ATTextAnimateEffect protocol
/// A protocol to implement text animation effects.
public protocol ATTextAnimateEffect: ViewModifier {
/// Informational data required for each element animation.
var data: ATElementData { get }
/// Custom user info for the effect.
/// The effect maintains a strong reference to this object until it (the effect) is invalidated. This parameter may be nil.
var userInfo: Any? { get }
init(_ data: ATElementData, _ userInfo: Any?)
}
The Swift Package Manager is a tool for automating the distribution of Swift code and is integrated into the swift compiler. Once you have your Swift package set up, adding AnimateText as a dependency is as easy as adding it to the dependencies value of your Package.swift.
dependencies: [
.package(url: "https://github.com/jasudev/AnimateText.git", .branch("main"))
]
instagram : @dev.fabula
email : dev.fabula@gmail.com
AnimateText is available under the MIT license. See the LICENSE file for more info.