(UI)Switch͸ͭ͘ΕΔ IBOZV!4BOTBO *OD 2018.02.14 | #iOS_UI࣮૷ษڧձWPM

Who? • HANYU, Koji • Sansan, Inc. iOS Developer

No content

Customizing the Appearance of the Switch var onTintColor: UIColor? The color used to tint the appearance of the switch when it is turned on. var tintColor: UIColor! The color used to tint the outline of the switch when it is turned off. var thumbTintColor: UIColor? The color used to tint the appearance of the thumb. var onImage: UIImage? In iOS 6 and earlier, the image displayed when the switch is in the on position. var offImage: UIImage? In iOS 6 and earlier, the image displayed when the switch is in the off position. https://developer.apple.com/documentation/uikit/uiswitch TintColor͔͠ΧελϚΠζͰ͖ͳ͍

6* 4XJUDIͷ࠷খݶͷཁ݅ w 0O0⒎ͷঢ়ଶ͕Θ͔Δ w ϓϩύςΟͱͯ͠ w ࢹ֮తʹ w λοϓͰঢ়ଶ੾Γସ͑ εςʔτ؅ཧ ඳը λοϓΠϕϯτ ˠ

public class CustomSwitch: UIControl { var isOn: Bool = true var isAnimating: Bool = false var animationDuration: TimeInterval = 0.5 var onTintColor: UIColor = .blue var offTintColor: UIColor? = .lightGray } ɾ ɾ ɾ

func animate() { self.isAnimating = true UIView.animate( … completion: { self.sendActions(for: .valueChanged) self.isAnimating = false } }

https://github.com/gaussbeam/CustomSwitch

·ͱΊ w ཁ݅Λ͏·͘ߜΕ͹ɼίϯϙʔωϯτͮ͘Γ͸݁ߏ؆୯ w ओཁͳը໘ɼଥڠͰ͖ͳ͍ՕॴͳΒݕ౼͢ΔՁ஋ΞϦ w ̍࣌ؒ΄ͲͰ࣮૷Մೳ 6*ௐ੔ؚΊ w ඳըΞχϝʔγϣϯΛ௥ٻͰ͖Δ w ࢥ͍௨Γʹ࢓্͕Δͱָ͍͠

ࢀߟ • Making custom UISwitch (Part 1) – Factory.hr – Medium • https://medium.com/@milenko_52829/making-custom-uiswitch-part-1-cc3ab9c0b05b