UILabel subclass to perform text effects

Overview

CharacterText

UILabel subclass to perform text effects

Blog Post: https://swiftyeti.com/texteffects-with-nslayoutmanager

CharacterText uses NSLayoutManager to position CATextLayers for each glyph in your string. This gives you the power to create some neat text effect using all the attributes of CATextLayer.

CharacterText is inspired from Secret & the new iOS8 autocomplete effect.

Usage

CharacterLabel can be used in place of UILabel.

You can subclass CharacterLabel to then create your own animations. Three examples are provided: FallingLabel, FadingLabel, and MotionLabel.

FallingLabel:

FallingLabel

FadingLabel:

FadingLabel

MotionLabel:

MotionLabel

Objective-C Version: https://github.com/android1989/YetiCharacterLabelExample

You might also like...
A UITextView subclass that adds support for multiline placeholder written in Swift.
A UITextView subclass that adds support for multiline placeholder written in Swift.

KMPlaceholderTextView A UITextView subclass that adds support for multiline placeholder written in Swift. Usage You can set the value of the placehold

UITextField subclass with autocompletion suggestions list
UITextField subclass with autocompletion suggestions list

SearchTextField Overview SearchTextField is a subclass of UITextField, written in Swift that makes really easy the ability to show an autocomplete sug

AEOTPTextField - A beautiful iOS OTP Text Field library, written in Swift with full access customization in UI.
AEOTPTextField - A beautiful iOS OTP Text Field library, written in Swift with full access customization in UI.

AEOTPTextField - A beautiful iOS OTP Text Field library, written in Swift with full access customization in UI.

A beautiful and flexible text field control implementation of
A beautiful and flexible text field control implementation of "Float Label Pattern". Written in Swift.

SkyFloatingLabelTextField SkyFloatingLabelTextField is a beautiful, flexible and customizable implementation of the space saving "Float Label Pattern"

SwiftUI TextEdit View - A proof-of-concept text edit component in SwiftUI & CoreText.
SwiftUI TextEdit View - A proof-of-concept text edit component in SwiftUI & CoreText.

A proof-of-concept text edit component in SwiftUI & CoreText. No UIKit, No AppKit, no UITextView/NSTextView/UITextField involved.

A SwiftUI TextField with a prompt (or placeholder) that floats above the text field when active or not empty. Requires iOS 15.
A SwiftUI TextField with a prompt (or placeholder) that floats above the text field when active or not empty. Requires iOS 15.

FloatingPromptTextField A prompt is the label in a text field that informs the user about the kind of content the text field expects. In a default Tex

Render Markdown text in SwiftUI
Render Markdown text in SwiftUI

MarkdownUI MarkdownUI is a library for rendering Markdown in SwiftUI, fully compliant with the CommonMark Spec. Supported Platforms You can use the Ma

Focus text field in SwiftUI dynamically and progress through form using iOS keyboard.
Focus text field in SwiftUI dynamically and progress through form using iOS keyboard.

Focuser Focuser allows to focus SwiftUI text fields dynamically and implements ability move go through the form using Keyboard for iOS 13 and iOS 14.

Autocomplete for a text field in SwiftUI using async/await
Autocomplete for a text field in SwiftUI using async/await

Autocomplete for a text field in SwiftUI using async/await

Comments
  • Help - Cant get to blog post

    Help - Cant get to blog post

    I'd like to read your blog post, but the page won't load. I am having difficulty using the control without Pods and without Flickr. I can get the labels to load, but not to animate.. :(

    opened by daviddelmonte 1
  • AppKit Compatible

    AppKit Compatible

    Hi,

    I was wondering if you have plans to make it work on AppKit also? I can help. Never touched Layout Manager though... What are your feelings about this? Do you think it would require a lot of work?

    Thanks, Thierry

    opened by Orion98MC 0
  • Placing two Motion Labels inside a UIscrollview with auto-layout is not possible

    Placing two Motion Labels inside a UIscrollview with auto-layout is not possible

    Hi, I am working to get two animation labels (motion label) inside a scrollview with auto-layout but both the labels are getting overlapped. The bug I think is we are are not allowing the UILabel to render its text in the character label hence the layout parameters are not updated on the label. I tried assigning super.text in the override text function. Now the auto-layout works but there are two rendering of texts on the screen which is spoiling everything. Please help me in using two motion labels inside the scrollview with auto-layout.

    Regards, Abu Saad Papa

    opened by abusaadp 1
  • Errors in XCode 6.1.1 (i.e. the latest version)

    Errors in XCode 6.1.1 (i.e. the latest version)

    This is an awesome project! Tried to fix the errors but I couldnt fix the error triggered by: animationGroup = CAAnimationGroup()

    Would really appreciate any help you can provide on this!

    opened by jkritikos 0
Owner
null
Custom UITextFields effects inspired by Codrops, built using Swift

TextFieldEffects I fell in love with the text inputs effects in this article. As an exercise I decided to recreate as many of them as I can using Swif

Raul Riera 5.8k Dec 26, 2022
An UITextField subclass to simplify country code's picking. Swift 5.0

Preview Installation NKVPhonePicker is available through CocoaPods. To install it, simply add the following line to your Podfile: pod 'NKVPhonePicker'

Nike Kov 140 Nov 23, 2022
Animated Subclass of UITextField created with CABasicAnimation and CAShapeLayer

JDAnimatedTextField JDAnimatedTextField is animateable UITextField that can significantly enhance your user's experiences and set your app apart from

Jawad Ali 25 Dec 13, 2022
UITextField subclass with floating labels

JVFloatLabeledTextField JVFloatLabeledTextField is the first implementation of a UX pattern that has come to be known the "Float Label Pattern". Due t

Jared Verdi 7.2k Jan 2, 2023
iOS - Subclass of UITextField to achieve autocompletion for Place Search like Google Places, Uber and Much more apps having maps.

MVAutocompletePlaceSearchTextField iOS - Subclass of UITextField to achieve autocompletion for Place Search like Google Places, Uber and Much more app

Mrugrajsinh Vansadia 68 May 27, 2022
Subclass of UITextField that shows inline suggestions while typing.

AutocompleteField Subclass of UITextField that shows inline suggestions while typing. Plug and play replacement for UITextField. Delimiter support. Pe

Filip Stefansson 663 Dec 6, 2022
A light-weight UITextView subclass that automatically grows and shrinks.

RSKGrowingTextView A light-weight UITextView subclass that automatically grows and shrinks based on the size of user input and can be constrained by m

Ruslan Skorb 939 Dec 21, 2022
A light-weight UITextView subclass that adds support for placeholder.

RSKPlaceholderTextView A light-weight UITextView subclass that adds support for placeholder. Installation Using Swift Package Manager To add the RSKPl

Ruslan Skorb 220 Dec 17, 2022
An auto-layout base UITextView subclass which automatically grows with user input and can be constrained by maximal and minimal height - all without a single line of code

Deprecated This library is no longer maintained and is deprecated. The repository might be removed at any point in the future. MBAutoGrowingTextView A

Matej Balantič 125 Jan 13, 2022
UITextfield subclass with autocomplete menu. For iOS.

MLPAutoCompleteTextField "We believe that every tap a user makes drains a tiny bit of their energy and patience. Typing is one of the biggest expendit

Eddy Borja 1.2k Nov 11, 2022