clt

CLTypingLabel

iOS UILabel with character by character typing /typewriter animation

Showing:

Popularity

Downloads/wk

0

GitHub Stars

218

Maintenance

Last Commit

2yrs ago

Contributors

9

Package

Dependencies

0

License

MIT

Categories

Readme

CLTypingLabel Language

A lightweight UILabel subclass with character by character typewriter like animation in Swift, super simple to use

iOS上自带逐字打印动画效果的UILabel

Installation

Manual

  1. Copy and paste CLTypingLabel.swift to your xcode project.

CocoaPods

  1. Install the latest release of CocoaPods: gem install cocoapods
  2. Add this line to your Podfile: pod 'CLTypingLabel'
  3. Install the pod: pod install

Usage

  1. 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.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100