42 |
43 | 
44 | RAMPaperSwitch
45 |
46 | 
47 | 
48 | 
49 | 
50 | 
51 | 
52 |
53 | Swift subclass of the UISwitch which paints over the parent view with the onTintColor when the switch is turned on. Implemented concept from this Dribbble shot by Ramotion.
54 | Screenshot
55 |
56 | 
57 |
58 | The iPhone mockup available here.
59 | Requirements
60 |
61 |
62 | - iOS 8.0+
63 | - Xcode 6.1
64 |
65 | Installation
66 |
67 | Just add the RAMPaperSwitch folder to your project.
68 |
69 | or use CocoaPods with Podfile:
70 | ruby
71 | pod 'RAMPaperSwitch'
72 |
73 | or Carthage users can simply add to their Cartfile:
74 |
75 | github "Ramotion/paper-switch"
76 |
77 | Usage
78 |
79 | RAMPaperSwitch is a drop-in replacement of UISwitch. You just need to set the onTintColor property of the switch, and it will automatically paint over its superview with the selected color.
80 | You have ability to set duration of animation instead of default value.
81 |
82 |
83 | Create a new UISwitch in your storyboard or nib.
Set the class of the UISwitch to RAMPaperSwitch in your Storyboard or nib.
Set onTintColor for the switch
Set duration property programmatically if You want to change animation duration.
Add animation for other views near the switch if need.
89 | Animate views
90 |
91 | You can animate other views near the switch. For example, you can change color to views or labels that are inside the same superview. Duration of animation can be gotten from the RAMPaperSwitch’s property duration. You can animate CoreAnimation properties like this:
92 | self.paperSwitch.animationDidStartClosure = {(onAnimation: Bool) in
93 | UIView.transitionWithView(self.label, duration: self.paperSwitch.duration, options: UIViewAnimationOptions.TransitionCrossDissolve, animations: {
94 | self.label.textColor = onAnimation ? UIColor.whiteColor() : UIColor.blueColor()
95 | }, completion:nil)
96 | }
97 |
98 | About
99 |
100 | The project maintained by app development agency Ramotion Inc.
101 | See our other open-source projects or hire us to design, develop, and grow your product.
102 |
103 | 
104 | 
105 |
106 |
107 | 
23 | Classes Reference
24 | 
24 | RAMPaperSwitch Class Reference
25 |