me-abhinav / numbermorphview Goto Github PK

A label view for displaying numbers which can transition or animate using a technique called number tweening or number morphing.

License: MIT License

Swift 56.99% Ruby 3.22% Objective-C 2.19% Shell 37.60%

numbermorphview's Introduction

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 NumberMorphView in 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:

numberView.animationDuration = 4;

To change the type of animation, set the interpolator.

numberView.interpolator = NumberMorphView.SpringInterpolator();

Already available interpolators are LinearInterpolator, OvershootInterpolator, SpringInterpolator, BounceInterpolator, AnticipateOvershootInterpolator, and CubicHermiteInterpolator. Also you can add new interpolators. The interpolator class needs to conform to InterpolatorProtocol as shown below:

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.

numbermorphview's People

Contributors

Stargazers

Watchers

Forkers

rakutou bnakum mosheberman carabina albinekcom kb100824 ggthedev smallkot imjerrybao zwcshy aelzohry johnny5tw mapleskip zanesummer maoqis gabrielpeart myswiftuicollection h912545437 dormitory219 tueran iospro extinguish adobesolo sudhi001 augmify aiven163 wangchang163 n-92 focusedgenius thanhlh90it jieson geteighty bill666500 benedictpeng swift-kit phylony maxim-pervushin zzyycobra1234 finnsu papayae swiftlibrary thomposer kerasking tianyutingxy matrixy msdgwzhy6 gsgod mehulgecg lhn200835 zhengyuqin flyfishering yanglangfei xiaosheng1126 chinafunboy devenlu hanbaokun 03050903 widegalaxy zhuwenquan ltd920678778 serge66 lerist xburnerair jackycaojiaqi luxiaoming lai3d honeyflyfish rajeshm20 devguan xinxibin jiangadam zhuozengsi limingming2 allenque ios-mayank mohd14shoeb dourgulf linjinfa har8ara geeph magic-coder gavin17 felixlinbh myungsinkim alanjn wu890608 stevenwsg daokunbai graphicgeared smallheier shubhamchawla00 brad-atlas-wu coolboy-ccp ichapter caihelin jiu0929 yb1994917 nokia6102 magiciandl luoyu1993

numbermorphview's Issues

swift 5 support

i am using NumberMorphView in my swift 5 and xcode 12.2 project but after giving class name to view , view object is not recognizing view.currentDigit...... please help me as soon as possible

Pod not getting from Swift 3 code

Hi There,

Apparently even after the latest PR to include support for swift 3, the podspec still grabbing the code from the 0.1.1 tag, which has not been updated with this new code.

So using Cocoapods still get the code for Swift 2.2.

I think you need to get a new tag in place and update the spec, or just make the spec point to master, since Dev is not in sync with it as well.

Thanks!

Swift 4 support?

Hi, thanks for this great library!

Are there any plans to add Swift 4 support?

Did it support custom font?

It seems the digit number was draw by cgPath, so that I can't use custom font?

Swift3

Any plan for a Swift3 migration ?

Tried with Xcode8 --> Convert syntax to Swift 3 and works like magic.
It will be a matter of uploading new code.

Ticker Animation?

Thank you for building this!!

Would be really awesome to see some sort of ticker animation? Like what Robinhood has. I could see that being used by a lot of people :)

Index out of range

Hi, I couldn't use this library, I get index out of range in

func updateAnimationFrame()
Sometimes at pNext and sometimes at pCur

let pCur = endpoints_scaled[_currentDigit];
let pNext = endpoints_scaled[_nextDigit];

I am using Swift 4 with Xcode 9.2

Implement sizeThatFits

The Readme says: "Preferred aspect ratio of the view is 13 : 24"

Instead of handing over the task of making sure the aspect ratio is always (which most people will probably fail), it would be much easier to implement the siteThatFits: method and return a correct size for the view.

It would be awesome if you could implement this! I would do it myself, it should just be a few lines, but I'm too busy :S (bad excuse).