質問編集履歴

RAMPaperSwitch classを書き換えた結果を追記しました

2020/01/17 20:40

投稿

masayoshi555

スコア9

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -120,6 +120,42 @@
 ```
+### RAMPaperSwitch classを編集(2020/1/18 05:30追記）
+以下に記載のRAMPaperSwitch class内のUIViewであるが故に、
+今回のcellでは表示できないのではないかと思い、UIView（３箇所）を全てUITableViewCellに変更し
+実行しましたが、switchは表示されませんでした。
+```
+public required init(view: UIView?, color: UIColor?) {
+        super.init(frame: CGRect.zero)
+        onTintColor = color
+        self.commonInit(view)
+    }
+```
+その際、ここにエラーが出たのでsuperview as? UITableViewCellとしました
+```
+override open func awakeFromNib() {
+        self.commonInit(parentView ?? superview)
+        super.awakeFromNib()
+    }
+```
 ###PaperSwitch
 PaperSwitch自体は本来storyboardで配置したswitchのclassをRAMPaperSwitchと

RAMPaperSwitch classのコードを追記しました

2020/01/17 20:40

投稿

masayoshi555

スコア9

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -133,3 +133,343 @@
 ![イメージ説明](ccfc0f43b50c7edd519526863fff1d33.png)
 ![イメージ説明](332de4af429318409922a753e3eb7afe.gif)
+```
+open class RAMPaperSwitch: UISwitch, CAAnimationDelegate {
+    struct Constants {
+        static let scale = "transform.scale"
+        static let up    = "scaleUp"
+        static let down  = "scaleDown"
+    }
+    ///  The total duration of the animations, measured in seconds. Default 0.35
+    @IBInspectable open var duration: Double = 0.35
+    /// Closuer call when animation start
+    open var animationDidStartClosure = {(onAnimation: Bool) -> Void in }
+    /// Closuer call when animation finish
+    open var animationDidStopClosure  = {(onAnimation: Bool, finished: Bool) -> Void in }
+    fileprivate var shape: CAShapeLayer! = CAShapeLayer()
+    fileprivate var radius: CGFloat      = 0.0
+    fileprivate var oldState             = false
+    fileprivate var defaultTintColor: UIColor?
+    @IBOutlet open var parentView: UIView? {
+        didSet {
+            defaultTintColor = parentView?.backgroundColor
+        }
+    }
+    // MARK: - Initialization
+    /**
+     Returns an initialized switch object.
+     - parameter view:  animatable view
+     - parameter color: The color which fill view.
+     - returns: An initialized UISwitch object.
+     */
+    public required init(view: UIView?, color: UIColor?) {
+        super.init(frame: CGRect.zero)
+        onTintColor = color
+        self.commonInit(view)
+    }
+    public required init?(coder aDecoder: NSCoder) {
+        super.init(coder: aDecoder)
+    }
+    override open func awakeFromNib() {
+        self.commonInit(parentView ?? superview)
+        super.awakeFromNib()
+    }
+    // MARK: Helpers
+    fileprivate func commonInit(_ parentView: UIView?) {
+        guard let onTintColor = self.onTintColor else {
+            fatalError("set tint color")
+        }
+        self.parentView = parentView
+        defaultTintColor = parentView?.backgroundColor
+        layer.borderWidth  = 0.5
+        layer.borderColor  = UIColor.white.cgColor
+        layer.cornerRadius = frame.size.height / 2
+        shape.fillColor     = onTintColor.cgColor
+        shape.masksToBounds = true
+        parentView?.layer.insertSublayer(shape, at: 0)
+        parentView?.layer.masksToBounds = true
+        showShapeIfNeed()
+        addTarget(self, action: #selector(RAMPaperSwitch.switchChanged), for: UIControl.Event.valueChanged)
+    }
+    override open func layoutSubviews() {
+        if let parentView = self.parentView {
+            let x:CGFloat = max(center.x, parentView.frame.size.width - frame.midX)
+            let y:CGFloat = max(center.y, parentView.frame.size.height - frame.midY)
+            radius = sqrt(x*x + y*y)
+        }
+        let additional = parentView == superview ? CGPoint.zero : (superview?.frame.origin ?? CGPoint.zero)
+        shape.frame = CGRect(x: center.x - radius + additional.x - 2, y: center.y - radius + additional.y, width: radius * 2, height: radius * 2)
+        shape.anchorPoint = CGPoint(x: 0.5, y: 0.5)
+        shape.path = UIBezierPath(ovalIn: CGRect(x: 0, y: 0, width: radius * 2, height: radius * 2)).cgPath
+    }
+    // MARK: - Public
+    open override func setOn(_ on: Bool, animated: Bool) {
+        let changed:Bool = on != self.isOn
+        super.setOn(on, animated: animated)
+        if changed {
+            switchChangeWithAnimation(animated)
+        }
+    }
+    // MARK: - Private
+    fileprivate func showShapeIfNeed() {
+        shape.transform = isOn ? CATransform3DMakeScale(1.0, 1.0, 1.0) : CATransform3DMakeScale(0.0001, 0.0001, 0.0001)
+    }
+    @objc internal func switchChanged() {
+        switchChangeWithAnimation(true)
+    }
+    // MARK: - Animations
+    fileprivate func animateKeyPath(_ keyPath: String, fromValue from: CGFloat?, toValue to: CGFloat, timing timingFunction: String) -> CABasicAnimation {
+        let animation:CABasicAnimation = CABasicAnimation(keyPath: keyPath)
+        animation.fromValue             = from
+        animation.toValue               = to
+        animation.repeatCount           = 1
+        animation.timingFunction        = CAMediaTimingFunction(name: convertToCAMediaTimingFunctionName(timingFunction))
+        animation.isRemovedOnCompletion = false
+        animation.fillMode              = CAMediaTimingFillMode.forwards
+        animation.duration              = duration
+        animation.delegate              = self
+        return animation
+    }
+    fileprivate func switchChangeWithAnimation(_ animation: Bool) {
+        guard let onTintColor = self.onTintColor else {
+            return
+        }
+        shape.fillColor = onTintColor.cgColor
+        if isOn {
+            let scaleAnimation:CABasicAnimation  = animateKeyPath(Constants.scale,
+                                                                  fromValue: 0.01,
+                                                                  toValue: 1.0,
+                                                                  timing:convertFromCAMediaTimingFunctionName(CAMediaTimingFunctionName.easeIn));
+            if animation == false { scaleAnimation.duration = 0.0001 }
+            shape.add(scaleAnimation, forKey: Constants.up)
+        } else {
+            let scaleAnimation:CABasicAnimation  = animateKeyPath(Constants.scale,
+                                                                  fromValue: 1.0,
+                                                                  toValue: 0.01,
+                                                                  timing:convertFromCAMediaTimingFunctionName(CAMediaTimingFunctionName.easeOut));
+            if animation == false { scaleAnimation.duration = 0.0001 }
+            shape.add(scaleAnimation, forKey: Constants.down)
+        }
+    }
+    //MARK: - CAAnimation Delegate
+    open func animationDidStart(_ anim: CAAnimation) {
+        parentView?.backgroundColor = defaultTintColor
+        animationDidStartClosure(isOn)
+    }
+    open func animationDidStop(_ anim: CAAnimation, finished flag: Bool) {
+        if flag == true {
+            parentView?.backgroundColor = isOn == true ? onTintColor : defaultTintColor
+        }
+        animationDidStopClosure(isOn, flag)
+    }
+}
+```