EZYGradientView alternatives and similar libraries
Based on the "UI" category.
Alternatively, view EZYGradientView alternatives based on common mentions on social networks and blogs.
-
Lottie
An iOS library to natively render After Effects vector animations -
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. -
AsyncDisplayKit
Smooth asynchronous user interfaces for iOS apps. -
DZNEmptyDataSet
A drop-in UITableView/UICollectionView superclass category for showing empty datasets whenever the view has no content to display -
iCarousel
A simple, highly customisable, data-driven 3D carousel for iOS and Mac OS -
SVProgressHUD
A clean and lightweight progress HUD for your iOS and tvOS app. -
SkeletonView
☠️ An elegant way to show users that something is happening and also prepare them to which contents they are awaiting -
TTTAttributedLabel
A drop-in replacement for UILabel that supports attributes, data detectors, links, and more -
Material
A UI/UX framework for creating beautiful applications. -
folding-cell
:octocat: 📃 FoldingCell is an expanding content cell with animation made by @Ramotion -
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 -
FSCalendar
A fully customizable iOS calendar library, compatible with Objective-C and Swift -
NVActivityIndicatorView
A collection of awesome loading animations -
MGSwipeTableCell
An easy to use UITableViewCell subclass that allows to display swippable buttons with a variety of transitions. -
LTMorphingLabel
[EXPERIMENTAL] Graceful morphing effects for UILabel written in Swift. -
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. -
JTAppleCalendar
The Unofficial Apple iOS Swift Calendar View. Swift calendar Library. iOS calendar Control. 100% Customizable -
ViewAnimator
ViewAnimator brings your UI to life with just one line -
XLForm
XLForm is the most flexible and powerful iOS library to create dynamic table-view forms. Fully compatible with Swift & Obj-C. -
FSPagerView
FSPagerView is an elegant Screen Slide Library. It is extremely helpful for making Banner View、Product Show、Welcome/Guide Pages、Screen/ViewController Sliders. -
SwiftMessages
A very flexible message bar for iOS written in Swift. -
JVFloatLabeledTextField
UITextField subclass with floating labels - inspired by Matt D. Smith's design: http://dribbble.com/shots/1254439--GIF-Mobile-Form-Interaction?list=users -
TPKeyboardAvoiding
A drop-in universal solution for moving text fields out of the way of the keyboard in iOS -
SVPullToRefresh
Give pull-to-refresh & infinite scrolling to any UIScrollView with 1 line of code. -
SwipeCellKit
Swipeable UITableViewCell/UICollectionViewCell based on the stock Mail.app, implemented in Swift. -
AMScrollingNavbar
Scrollable UINavigationBar that follows the scrolling of a UIScrollView -
PageMenu
A paging menu controller built from other view controllers placed inside a scroll view (like Spotify, Windows Phone, Instagram) -
Alerts & Pickers
Advanced usage of UIAlertController and pickers based on it: Telegram, Contacts, Location, PhotoLibrary, Country, Phone Code, Currency, Date... -
SwiftEntryKit
SwiftEntryKit is a presentation library for iOS. It can be used to easily display overlays within your iOS apps. -
SCLAlertView-Swift
Beautiful animated Alert View. Written in Swift -
Koloda
KolodaView is a class designed to simplify the implementation of Tinder like cards on iOS. -
Macaw
Powerful and easy-to-use vector graphics Swift library with SVG support -
TextFieldEffects
Custom UITextFields effects inspired by Codrops, built using Swift -
SideMenu
Simple side/slide menu control for iOS, no code necessary! Lots of customization. Add it to your project in 5 minutes or less. -
ViewDeck
An implementation of the sliding menu found in various iOS apps. -
SWRevealViewController
A UIViewController subclass for presenting side view controllers inspired on the FaceBook and Wunderlist apps, done right ! -
Material Components
[In maintenance mode] Modular and customizable Material Design UI components for iOS -
expanding-collection
:octocat: ExpandingCollection is an animated material design UI card peek/pop controller. iOS library made by @Ramotion -
TSMessages
💌 Easy to use and customizable messages/notifications for iOS à la Tweetbot -
CSStickyHeaderFlowLayout
UICollectionView replacement of UITableView. Do even more like Parallax Header, Sticky Section Header. Made for iOS 7.
Appwrite - The open-source backend cloud platform
* 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 EZYGradientView or a related project?
README
[EZYGradientView](Assets/GitBanner.png)
EZYGradientView
is a different and unique take on creating gradients and gradients with blur on the iOS platform. The default CAGradientLayer
implementation works just fine, but is confusing and gives different results than expected. From the documentation:
The start point corresponds to the first stop of the gradient. The point is defined in the unit coordinate space and is then mapped to the layer’s bounds rectangle when drawn.
It's not really clear what the mapped values for the start and end points will be. If we set the start x coordinate 0.2, it does not resolve to 0.2 of the view's width on the X-axis.
This library attempts to create gradients intuitively. When you use EZYGradientView
, you don't need to worry about Apple's default API. What you do need to concern yourself with is:
- What your colors are
- The angle of the gradient
- The ratio in which the two colors are distributed; and finally...
- The intensity with which the colors are dispersed
EZYGradientView
exposes five properties you can modify to customize your gradient. The view itself is IBDesignable
and its properties IBInspectable
which means you can customize your gradient in real time on an xib or storyboard.
Pod Installation
CocoaPods is the preferred way to install this library. Add this command to your Podfile
:
pod 'EZYGradientView', :git => 'https://github.com/Niphery/EZYGradientView'
For Objective C
Direct Installation
Download .zip file and extract it. There you will find the EZYGradientView
folder, copy EZYGradientView.swift to your respective project.
Integration Methods
Storyboard/Xib
Just follow these simple steps and create a gradient inside your xib or storyboard!
Initial Step (Use this step if downloaded by pod)
while assigning EZYGradientView to UIView on StoryBoard/Xib don't forget to select module
Step | Description |
---|---|
[Step 0a](Assets/Step0a.png) | |
[Step 0b](Assets/Step0b.png) | It will reflect warning if module is not selected. |
Step 1 - Select colors
Step | Description |
---|---|
[Step 1a](Assets/Step1a.png) | |
[Step 1b](Assets/Step1b.png) |
Step 2 - Set gradient angle
Step | Description |
---|---|
[Step 2a](Assets/Step2a.png) | Default is 0º. |
[Step 2b](Assets/Step2b.png) | At 45º. |
[Step 2c](Assets/Step2c.png) | At 135º. |
Step 3 - Set color ratio
Step | Description |
---|---|
[Step 3a](Assets/Step3a.png) | Default is 0.5, that's why colors are equally divided. Valid range 0 to 1. |
[Step 3b](Assets/Step3b.png) | At 0.1, the first color takes one-tenth of the view area. The rest is filled by the second. |
[Step 3c](Assets/Step3c.png) | At 0.9, the first color takes nine-tenths of the view area. The rest is filled by the second. |
Step 4 - Set fade intensity
Step | Description |
---|---|
[Step 4a](Assets/Step4a.png) | Default is 0, that's why there is a sharp boundary where the two colors meet. Valid range 0 to 1. |
[Step 4b](Assets/Step4b.png) | At 0.5, there is a much smoother transition between the two colors. |
[Step 4c](Assets/Step4c.png) | At 1, the maximum transition smoothness is achieved. |
Step 5 - Set isBlur and blur opacity
(This feature is available for ios 8 and above)
Step | Description |
---|---|
[Step 5a](Assets/Step5a.png) | Default is 0, where the blur transparency is minimmum. Valid range 0 to 1. |
[Step 5b](Assets/Step5b.png) | At 1.0, where the blur transparency is maximum.(The black spot is a label behind gradient view) |
Suggestion | Use this properties to design navigationBar , tabBar , tableHeaderView etc. |
Programmatic way
let gradientView = EZYGradientView()
gradientView.frame = view.bounds
gradientView.firstColor = UIColor(red: 0.5, green: 0.0, blue: 1.0, alpha: 1.0)
gradientView.secondColor = UIColor(red: 0.4, green: 1.0, blue: 0.8, alpha: 1.0)
gradientView.angleº = 185.0
gradientView.colorRatio = 0.5
gradientView.fadeIntensity = 1
gradientView.isBlur = true
gradientView.blurOpacity = 0.5
view.insertSubview(gradientView, at: 0)
To-do
- Allow more than two colors to create gradients.
- It may crash if blur properties used in lower version than ios 8.
- Use CoreGraphics blur to replace
UIVisualEffectView
.
Thanks
- To Sudeep Jaiswal for motivating and special thanks for the documentation and ideas.
- To Angela Yu for the updated courses on iOS 13 & Swift 5.
License
EZYGradientView
is available under the MIT license. See the LICENSE file for more info.
*Note that all licence references and agreements mentioned in the EZYGradientView README section above
are relevant to that project's source code only.