CLTypingLabel
CLTypingLabel copied to clipboard
Published
20 hours ago •
cl7
cl7
iOS UILabel with character by character typing /typewriter animation
CLTypingLabel 
A lightweight UILabel subclass with character by character typewriter like animation in Swift, super simple to use
iOS上自带逐字打印动画效果的UILabel
Installation
Manual
- Copy and paste CLTypingLabel.swift to your xcode project.
CocoaPods
- Install the latest release of CocoaPods:
gem install cocoapods - Add this line to your Podfile:
pod 'CLTypingLabel' - Install the pod:
pod install
Usage
- Change the class of a label from UILabel to CLTypingLabel;
2. Programmatically set the .text property of your CLTypingLabel to a new String. The animation will be triggered automatically.
Sample Code
@IBOutlet weak var myTypeWriterLabel: CLTypingLabel!
At runtime, set text of the label will trigger animation automatically:
myTypeWriterLabel.text = "This is a demo of typing label animation..."
You can also trigger what you need after animation is finished:
myTypeWriterLabel.onTypingAnimationFinished = {
//code goes here
}
Also works on attributedText:
myTypeWriterLabel.attributedText = NSAttributedString(string: "This is an attributed text typing animation...", attributes: attr)
You can pause the typing animation at any time:
myTypeWriterLabel.pauseTyping() //this will pause the typing animation
myTypeWriterLabel.continueTyping() //this will continue paused typing animation
And customize time interval between each character:
myTypeWriterLabel.charInterval = 0.08 //optional, default is 0.1
License
This code is distributed under the terms and conditions of the MIT license.
cl7