How to add a shake animation to UITextField in Swift using UITextField-Shake?

Import the library via CocoaPods or Carthage, then call the shake method on your UITextField instance. For example, textField.shake(10, withDelta: 5.0) will shake it 10 times with a 5-point width. Customize parameters like speed and direction as shown in the README examples.

UITextField-Shake vs writing custom Core Animation code for shake effect?

UITextField-Shake saves development time by providing a pre-built, customizable solution, whereas custom Core Animation code offers more flexibility but requires deeper animation knowledge. For simple, consistent shake animations, UITextField-Shake is more efficient and less error-prone.

Can I use UITextField-Shake with SwiftUI?

No, UITextField-Shake is designed for UIKit's UITextField and does not directly support SwiftUI's TextField. For SwiftUI, you would need to use UIViewRepresentable to wrap a UITextField or seek a SwiftUI-native alternative for similar effects.

How to change the shake speed in UITextField-Shake?

Use the speed parameter in the shake method. For instance, textField.shake(10, withDelta: 5, speed: 0.03) sets the shake interval to 30ms per movement, allowing precise control over animation pace as detailed in the usage section.

Does UITextField-Shake support vertical shaking?

Yes, it supports both horizontal and vertical shake directions. Set the shakeDirection parameter to ShakeDirection.Vertical in Swift or ShakeDirectionVertical in Objective-C, as shown in the code examples for custom animations.

What are some alternatives to UITextField-Shake for iOS animations?

Alternatives include using UIView animations with keyframes, Core Animation directly, or broader libraries like Spring or Lottie for complex effects. However, for a focused, lightweight shake animation on UITextField, UITextField-Shake is specialized and straightforward.

Open-Awesome

UITextField-Shake

MITObjective-C1.1.2

A UITextField category that adds shake animations similar to macOS login screen password fields.

GitHub

727 stars92 forks0 contributors

What is UITextField-Shake?

UITextField-Shake is an iOS library that adds shake animation capabilities to UITextField components. It solves the need for visual feedback when users enter invalid input, providing a familiar shake effect similar to macOS password fields. The library offers customizable animation parameters and works with both Objective-C and Swift projects.

Target Audience

iOS developers building apps that require visual feedback for form validation, particularly those working with UITextField components in Objective-C or Swift projects.

Value Proposition

Developers choose UITextField-Shake because it provides a simple, focused solution for adding shake animations without requiring custom animation code. Its lightweight nature, easy integration via package managers, and compatibility with both major iOS languages make it a practical choice for enhancing user feedback.

Overview

UITextField category that adds shake animation

Use Cases

Best For

Adding visual feedback for invalid form input in iOS apps
Creating macOS-style password field animations in iOS applications
Enhancing user experience with subtle animation cues for validation errors
Quickly implementing shake animations without writing custom Core Animation code
Projects using both Objective-C and Swift that need consistent animation behavior
iOS apps requiring customizable animation parameters for different UI contexts

Not Ideal For

Projects exclusively using SwiftUI's TextField components
Apps requiring complex, multi-element animations beyond simple shakes
Teams that need integrated validation logic with visual feedback in a single package
Environments where adding external dependencies for minor UI effects is discouraged

Pros & Cons

Pros

Customizable Animation Parameters

Allows fine-tuning of shake count, delta, speed, and direction, as demonstrated in the code examples for both Objective-C and Swift.

Dual Language Support

Works seamlessly with Objective-C and Swift projects, providing example usage in both languages for easy integration.

Easy Package Integration

Available via CocoaPods and Carthage, simplifying setup and dependency management, as outlined in the README.

Completion Callbacks

Supports block-based completion handlers to execute code after animations finish, enhancing user experience flow, with examples in the documentation.

Cons

UITextField-Only Scope

Limited to UITextField components, making it unsuitable for animating other UI elements like buttons or labels, which restricts its utility.

No Validation Integration

Provides only the animation effect; developers must implement input validation logic separately, adding extra work beyond the library's scope.

Objective-C Heritage

Being an Objective-C category, it might not feel native in modern Swift-only projects, though compatibility is maintained, potentially leading to integration friction.

Frequently Asked Questions

Related Projects

JVFloatLabeledTextField

UITextField subclass with floating labels - inspired by Matt D. Smith's design: http://dribbble.com/shots/1254439--GIF-Mobile-Form-Interaction?list=users

Stars7,147

Forks719

Last commit3 years ago

TextFieldEffects

Custom UITextFields effects inspired by Codrops, built using Swift

Stars6,011

Forks591

Last commit2 years ago

SkyFloatingLabelTextField

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

Stars4,127

Forks540

Last commit1 year ago

PYSearch

🔍 An elegant search controller which replaces the UISearchController for iOS (iPhone & iPad) .

Stars3,778

Forks735

Last commit5 years ago

Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a project Star on GitHub