NumberMorphView alternatives and similar libraries
Based on the "Label" category.
Alternatively, view NumberMorphView alternatives based on common mentions on social networks and blogs.
-
TTTAttributedLabel
A drop-in replacement for UILabel that supports attributes, data detectors, links, and more -
ActiveLabel.swift
UILabel drop-in replacement supporting Hashtags (#), Mentions (@) and URLs (http://) written in Swift -
MZTimerLabel
A handy class for iOS to use UILabel as a countdown timer or stopwatch just like in Apple Clock App. -
-
THLabel
UILabel subclass, which additionally allows shadow blur, inner shadow, stroke text and fill gradient. -
-
AnimatedMaskLabel
Animated Mask Label is a nice gradient animated label. This is an easy way to add a shimmering effect to any view in your app. It is useful as an unobtrusive loading indicator.
InfluxDB - Purpose built for real-time analytics at any scale.
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of NumberMorphView or a related project?
README
NumberMorphView
NumberMorphView a view like label for displaying numbers which animate with transition using a technique called number tweening or number morphing.
Usage
To run the example project, clone the repo, and run pod install from the Example directory first.
Interface builder
- Drag a UIView into your view controller.
- Change the class to
NumberMorphViewin the identity inspector. - Change intrinsic size from default to placeholder in the size inspector.
- Create an IBOutlet in your view controller.
Set the digit of number view as shown below:
numberView.currentDigit = 5;
Animate to nextDigit as shown below.
numberView.nextDigit = 8;
From code
NumberMorphView can be used with or without auto layout. Usage of intrinsic content size is recommended.
Preferred aspect ratio of the view is 13 : 24.
let numberView = NumberMorphView();
numberView.fontSize = 64;
numberView.currentDigit = 5;
let preferedSize = numberView.intrinsicContentSize();
numberView.frame = CGRect(x: 10, y: 10, width: preferedSize.width, height: preferedSize.height);
self.view.addSubview(numberView);
dispatch_after(5, dispatch_get_main_queue()) {
numberView.nextDigit = 7;
}
Note: Intrinsic content size is changed after setting fontSize.
Customizing animations
- To set the animation duration:
Swift numberView.animationDuration = 4; - To change the type of animation, set the interpolator.
Swift numberView.interpolator = NumberMorphView.SpringInterpolator();Already available interpolators areLinearInterpolator,OvershootInterpolator,SpringInterpolator,BounceInterpolator,AnticipateOvershootInterpolator, andCubicHermiteInterpolator. Also you can add new interpolators. The interpolator class needs to conform toInterpolatorProtocolas shown below:Swift class MyLinearInterpolator: InterpolatorProtocol { func getInterpolation(x: CGFloat) -> CGFloat { return x; } }
Requirements
- iOS 8.0+
- Swift 2.2
Installation
NumberMorphView is available through CocoaPods. To install it, simply add the following line to your Podfile:
use_frameworks!
pod 'NumberMorphView', '0.2.0'
Author
Abhinav Chauhan
License
NumberMorphView is available under the MIT license. See the LICENSE file for more info.
*Note that all licence references and agreements mentioned in the NumberMorphView README section above
are relevant to that project's source code only.