JDFlipNumberView alternatives and similar libraries
Based on the "UI" category.
Alternatively, view JDFlipNumberView alternatives based on common mentions on social networks and blogs.
-
Lottie
An iOS library to natively render After Effects vector animations -
SVProgressHUD
A clean and lightweight progress HUD for your iOS and tvOS app. -
AsyncDisplayKit
Smooth asynchronous user interfaces for iOS apps. -
iCarousel
A simple, highly customisable, data-driven 3D carousel for iOS and Mac OS -
DZNEmptyDataSet
A drop-in UITableView/UICollectionView superclass category for showing empty datasets whenever the view has no content to display -
IGListKit
A data-driven UICollectionView framework for building fast and flexible lists. -
IQKeyboardManager
Codeless drop-in universal library allows to prevent issues of keyboard sliding up and cover UITextField/UITextView. Neither need to write any code nor any setup required and much more. -
SkeletonView
☠️ An elegant way to show users that something is happening and also prepare them to which contents they are awaiting -
FSCalendar
A fully customizable iOS calendar library, compatible with Objective-C and Swift -
NVActivityIndicatorView
A collection of awesome loading animations -
animated-tab-bar
:octocat: RAMAnimatedTabBarController is a Swift UI module library for adding animation to iOS tabbar items and icons. iOS library made by @Ramotion -
Material
A UI/UX framework for creating beautiful applications. -
TTTAttributedLabel
A drop-in replacement for UILabel that supports attributes, data detectors, links, and more -
folding-cell
:octocat: 📃 FoldingCell is an expanding content cell with animation made by @Ramotion -
SWTableViewCell
An easy-to-use UITableViewCell subclass that implements a swippable content view which exposes utility buttons (similar to iOS 7 Mail Application) -
FlatUIKit
A collection of awesome flat UI components for iOS. -
MGSwipeTableCell
An easy to use UITableViewCell subclass that allows to display swippable buttons with a variety of transitions. -
JTAppleCalendar
The Unofficial Apple iOS Swift Calendar View. Swift calendar Library. iOS calendar Control. 100% Customizable -
JVFloatLabeledTextField
UITextField subclass with floating labels - inspired by Matt D. Smith's design: http://dribbble.com/shots/1254439--GIF-Mobile-Form-Interaction?list=users -
LTMorphingLabel
[EXPERIMENTAL] Graceful morphing effects for UILabel written in Swift. -
ViewAnimator
ViewAnimator brings your UI to life with just one line -
SwiftMessages
A very flexible message bar for iOS written in Swift. -
ViewDeck
An implementation of the sliding menu found in various iOS apps. -
FSPagerView
FSPagerView is an elegant Screen Slide Library. It is extremely helpful for making Banner View、Product Show、Welcome/Guide Pages、Screen/ViewController Sliders. -
TPKeyboardAvoiding
A drop-in universal solution for moving text fields out of the way of the keyboard in iOS -
XLForm
XLForm is the most flexible and powerful iOS library to create dynamic table-view forms. Fully compatible with Swift & Obj-C. -
PageMenu
A paging menu controller built from other view controllers placed inside a scroll view (like Spotify, Windows Phone, Instagram) -
Macaw
Powerful and easy-to-use vector graphics Swift library with SVG support -
SwipeCellKit
Swipeable UITableViewCell/UICollectionViewCell based on the stock Mail.app, implemented in Swift. -
SWRevealViewController
A UIViewController subclass for presenting side view controllers inspired on the FaceBook and Wunderlist apps, done right ! -
AMScrollingNavbar
Scrollable UINavigationBar that follows the scrolling of a UIScrollView -
SCLAlertView-Swift
Beautiful animated Alert View. Written in Swift -
SwiftEntryKit
SwiftEntryKit is a presentation library for iOS. It can be used to easily display overlays within your iOS apps. -
SVPullToRefresh
Give pull-to-refresh & infinite scrolling to any UIScrollView with 1 line of code. -
expanding-collection
:octocat: ExpandingCollection is an animated material design UI card peek/pop controller. iOS library made by @Ramotion -
SideMenu
Simple side/slide menu control for iOS, no code necessary! Lots of customization. Add it to your project in 5 minutes or less. -
TextFieldEffects
Custom UITextFields effects inspired by Codrops, built using Swift -
Alerts & Pickers
Advanced usage of UIAlertController and pickers based on it: Telegram, Contacts, Location, PhotoLibrary, Country, Phone Code, Currency, Date... -
Koloda
KolodaView is a class designed to simplify the implementation of Tinder like cards on iOS. -
Material Components
[In maintenance mode] Modular and customizable Material Design UI components for iOS -
LTNavigationBar
UINavigationBar Category which allows you to change its appearance dynamically -
CSStickyHeaderFlowLayout
UICollectionView replacement of UITableView. Do even more like Parallax Header, Sticky Section Header. Made for iOS 7.
Appwrite - The Open Source Firebase alternative introduces iOS support
* 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 JDFlipNumberView or a related project?
README
JDFlipNumberView & JDFlipImageView
The FlipNumberView is simulating an analog flip display (like those for the departure time on the airport). It's well abstracted and damn easy to use. Please open a Github issue, if you think anything is missing or wrong.
[Screenshots](gfx/screenshots.png "Screenshots")
Installation
CocoaPods
pod 'JDFlipNumberView'
including the default imagespod 'JDFlipNumberView/Core'
without default images (to use your own images)pod 'JDFlipNumberView/FlipImageView'
, only theJDFlipImageView
(for flipping images)
See Customization below for infos, on how to use your own images.
(For infos on cocoapods, have a look the cocoapods website)
Manually
- Add all files from
JDFlipNumberView/JDFlipNumberView/*.{h,m}
to your project - Add the
JDFlipNumberView.bundle
, if you want to use the default images - Link against the
QuartzCore.framework
Contents
The main classes are
JDFlipNumberView
The Standard FlipNumberView. It shows an integer value as FlipView. It has a choosable amount of digits. Can be animated in any way described in this document.JDFlipImageView
An Image View with flip animations. Use it like a regular UIImageView, but set new images animated viasetImageAnimated:duration:completion:
.
For specific usecases you may use on of these:
JDDateCountdownFlipView
A date countdown. Just init with a target date and it will show the remaining days, hours, minutes and seconds until that date.JDFlipClockView
A digital clock. Displays the hour and minutes of the current time as flipViews. Seconds can also be enabled. Always shows the current time.UIView+JDFlipImageView
A UIView category that makes it possible to transition between any two views using a flip animation.
Usage
In any case, after installing, you only need to follow some simple steps to get started. Here is a full example usage:
Example: A 4 digit FlipNumberView animating down every second.
// create a new FlipNumberView, set a value, start an animation
JDFlipNumberView *flipNumberView = [[JDFlipNumberView alloc] initWithDigitCount:4];
flipNumberView.value = 1337;
[flipNumberView animateDownWithTimeInterval: 1.0];
// add to view hierarchy and resize
[self.view addSubview: flipNumberView];
flipNumberView.frame = CGRectMake(20,100,300,100);
That's it. This will display a working, flipping, animating countdown view!
See the example project for other examples.
Possible animations
Basic animations (Single Flip):
- (void)setValue:(NSInteger)newValue animated:(BOOL)animated;
- (void)animateToNextNumber;
- (void)animateToPreviousNumber;
Targeted animation over time (Flipping through all numbers, until target is reached):
- (void)animateToValue:(NSInteger)newValue duration:(CGFloat)duration;
Timed animation without target value (Flipping once per timeInterval
):
- (void)animateUpWithTimeInterval:(NSTimeInterval)timeInterval;
- (void)animateDownWithTimeInterval:(NSTimeInterval)timeInterval;
Customization
You may use the original .psd
file from the gfx
folder to create custom numbers.
[Digit images](gfx/digits.png)
A) Replace original images
Replace the images within the JDFlipNumberView.bundle
. (In the Finder just Rightclick > Show Contents
to see the images.)
When using Pods, make sure to use
pod 'JDFlipNumberView/Core'
, so the default bundle won't be copied. Just create a bundle namedJDFlipNumberView.bundle
in your project yourself.
B) Use multiple bundles
Add another graphics bundle to your project. A bundle is nothing else, than a regular folder, but named with .bundle
as extension. You need one image per digit. 0.png, 1.png, 2.png, etc.
See the next section on how to use multiple bundles.
Implementing a custom bundle
To use your own bundles, create the FlipViews like this:
[JDFlipNumberView initWithDigitCount:<#count#>
imageBundleName:<#imageBundleName#>];
or for a DateCountDown like this:
[JDDateCountdownFlipView initWithDayDigitCount:<#count#>
imageBundleName:<#imageBundleName#>];
I'm @calimarkus on Twitter. Feel free to post a tweet, if you like the FlipNumberView.