UISwitch which paints over the parent view with the color in Swift.
Swift
Switch branches/tags
Nothing to show
Clone or download
Latest commit 66a5b37 Jan 24, 2018
Permalink
Failed to load latest commit information.
AnimatedSwitch Clean up. Jan 24, 2018
Demo Clean up. Jan 24, 2018
.gitignore Initial commit Apr 19, 2016
InterfaceBuilder.png Added files via upload Apr 19, 2016
LICENSE Initial commit Apr 19, 2016
README.md Updated README.md. Jan 24, 2018
animation2.gif GIF demo May 26, 2016

README.md

AnimatedSwitch

Swift 4 InterfaceBuilder Designable Twitter Blog

Swift subclass of the UISwitch which paints over the parent view with the color if switch is turned on and returns original superview background color if switch is off.

Inspired by concept from this Dribbble

Screenshot

AnimatedSwitch

Requirements

  • Swift 3.2
  • iOS 9.3+
  • Xcode 7.3+

Installation

Copy AnimatedSwitch.swiftto your project. Copy file if needed.

Usage

AnimatedSwitch adds nice material-design-like animation to your UISwitch.

AnimatedSwitch uses custom color for state on and superview background color for state off

When activated fills super view area with circle shape of specific color

How to create

Programatically

let switch = AnimatedSwitch()

Storyboard and XIB

  1. Drap and drop a new UISwitch
  2. Set the class of the UISwitch to AnimatedSwitch
  3. Set color for the switch
  4. Set other parameters

Interfacebuilder

Configurable properties (in code and in Interface Builder)

All regular UISwitch
  1. color animation color for on state (off state uses superview.backgroundColor). Default .clearColor()
  2. animationDuraton how long AnimatedSwitch will draw circle to fill the superview frame. Default 0.25
  3. startRadius circle radius that will be shown on screen without animation. Default 15 (to fit UISwitch size)
  4. borderColor border color for on state. Default .colorWhite
  5. showBorder should border appear around UISwitch for on state. Default true
  6. shape filling shape: .Round, .Star, .Dimond or .Cusom(UIBezierPath). Default .Round (NB! Can be set in code only)

Callbacks

Animation started

let switch = AnimatedSwitch()
switch.animationDidStart = {
  // do something
}

Animation Finished

switch.animationDidStop = {  
  // do something
}

About

I made this switch to practice my skills in animation.

The implementation inspired by Marin Todorov book iOS Animations by Tutorials and Ramotion Inc. animation on Dribble. Please note that this Ramotion Inc. provided their own implementation, but it uses another approach for animation.