An animated switch collection
From time to time I browse Dribbble to get inspiration from UI/UX designers. You often see non-native control elements in these designs. Some, such as checkboxes, have no native counterpart in UIKit while others like switches are— except they’re nearly impossible to customize. You cannot even change the size of a UISwitch. What if you need to implement a completely custom designed switch for your app like this one
If you wanted to implement any of these designs it would be a poor choice to subclass
UISwitch as you can hardly customize the colours — aside from the on/off tint.
So I thought I would try to re-engineer the UISwitch so that I would have complete control over each aspect, making it easy to style in the future.Turns out its actually pretty easy (and a lot of fun!) to build these control elements from scratch. I even went so far as to add the ability to set on/off text or images. For those who don’t know, UISwitch has onImage and offImage which when set don’t do anything anymore.
So i take few of the Dribble switches Daily UI challenges as challenge and implemented them in this library.This library has cool and sophisticated animations,Designs and effects. Also, customizable properties can be tweaked behaviors and enhance your application UI cool. With this library, you can easily implement material design switch to your app.
You can play with the attributes and can customise them according to your UI demands. Below are the few examples
|Switcher||Dribble UI Challenge: https://dribbble.com/shots/4148855-Switcher-XXXIII|
|SwitcherFullStrtech||Dribble UI Challenge:https://dribbble.com/shots/3844909-On-Off|
|SDSwitch||Dribble UI Challenge:https://dribbble.com/shots/3545882-Switch-with-server-calls|
|YapDarkAndLightModeSwitch||Dribble UI Challenge:https://dribbble.com/shots/2484722-Daily-Ui-Day-15-On-Off-Switch|
|YapAnimatedSwitch||Dribble UI Challenge:https://dribbble.com/shots/2309834-Yet-another-toggle-animation|
|SDSwitch||Dribble UI Challenge:https://dribbble.com/shots/5192899-Simple-toggle|
|YapFullTextSwitch||Dribble UI Challenge:https://dribbble.com/shots/2330566-Morph-Switch|
|JDSwitch||Dribble UI Challenge:https://dribbble.com/shots/2346044-Switch-on-off|
|YapSmileSwitch||Dribble UI Challenge:https://dribbble.com/shots/2011284-Switcher-ll|
|YapLiquidSwitch||Dribble UI Challenge:https://dribbble.com/shots/2028065-Switcher-lll|
|YapSwitchSlim||Dribble UI Challenge:https://dribbble.com/shots/2158763-simple-toggle|
|YapGradientSwitch||Dribble UI Challenge:https://dribbble.com/shots/2603107-toggle-switch-micro-interaction|
To integrate Switches Animations into your Xcode project using CocoaPods, specify it in your
use_frameworks! pod 'Switches'
Then, run the following command:
$ pod install
Switches Animations in your project, add the proper description to your
// swift-tools-version:5.0 import PackageDescription let package = Package( name: "YOUR_PROJECT_NAME", dependencies: [ .package(url: "https://github.com/jwd-ali/Switch-Animations.git") ], targets: [ .target( name: "YOUR_TARGET_NAME", dependencies: ["Switch-Animations"] ), ... ] )
Switches Animations into your Xcode project using Carthage, specify it in your
If you prefer not to use a dependency manager, you can integrate Switches Animations into your project manually.
See the Demo Xcode project its easy to understand with proper comments on properties .. write me if you didn't get anything L060214@gmail.com
|Last commit: 1 week ago|