제스처 비밀번호 swift3.버전 0

한가로이 할 일 없이0, 손짓 비밀번호를 적은 데모로 공고히 하세요.코드에 두 개의 클래스가 사용자 정의되어 있습니다. 하나는 Number Button이 Button을 제어하는 데 사용되고, 하나는 Gesture PasswordView이며, 암호 패널을 표시하는 데 사용됩니다.드로잉 부분은 GesturePasswordView에서 수행됩니다.다음은 바로 코드를 올립니다. 코드에 관련 주석이 있고 코드도 비교적 간단합니다.
1. NumberButton의 정의

class NumberButton: UIButton {
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        self .setup()
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    func setup(){
        
        self.layer.borderColor = UIColor.green.cgColor
        self.layer.borderWidth = 5
        self.layer.cornerRadius = self.width * 0.5
        self.layer.masksToBounds = true
        self.isUserInteractionEnabled = false
    }
    
}

2. GesturePasswordView ㎡ 정의

class GesturePasswordView: UIView {
    //  
    var path:UIBezierPath =  UIBezierPath()
    //    
    weak var controller:UIViewController?
    //        
    var pointsArr = [CGPoint]()
    
    //       
    var fingurePoint:CGPoint!
    //    
    var passwordArr : [Int] = [Int]()
    //             
    var password:String{
        get{
            var str = ""
            for p in passwordArr{
                str.append(String(p))
            }
            return str
        }
    }
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        self .setup()
    }
    
    convenience init(frame: CGRect, controller:UIViewController) {
        self.init(frame: frame)
        self.controller = controller
        self.setup()
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    //MARK: -   
    func setup(){
        // TODO:     
        self.backgroundColor = .cyan
        let colNum = 3
        var col = 0,row = 0
        
        let width:CGFloat = 60.0
        let height:CGFloat = width
        
        var x:CGFloat = 0
        var y:CGFloat = 0
        
        
        ///     
        let space = (self.width - CGFloat(colNum) * width) / 4
        
        for index in 0..<9{
            //       
            col = index % colNum
            row = index / colNum
            //    
            x = CGFloat(col) * width + CGFloat(col + 1) * space
            y = CGFloat(row) * width + CGFloat(row + 1) * space
            let button = NumberButton(frame: CGRect(x: x, y: y, width: width, height: height))
            
            button.tag = index
            
            self.addSubview(button)
        }
        
        //MARK:      
        self.path.lineWidth = 10
        self.path.lineCapStyle = .round

        self.path.lineJoinStyle = .round
        UIColor.black.setStroke()
    }
    
   
    override func touchesBegan(_ touches: Set, with event: UIEvent?) {
       
        //             ，    
        self.pointsArr.removeAll()
        
        self.touchChanged(touch: touches.first!)
    }
    
    
    override func touchesMoved(_ touches: Set, with event: UIEvent?) {
        
        self.touchChanged(touch: touches.first!)
    }

    //MARK:         
    func touchChanged(touch:UITouch){
        let point = touch.location(in: self)
        
        self.fingurePoint = point
        
        for button in self.subviews{
            
            if button.isKind(of: NumberButton.self) && !self.pointsArr.contains(button.center) && button.frame.contains(point){
                
                //        
                self.passwordArr.append(button.tag)
                
                //    
                self.pointsArr.append(button.center)
                //           
                button.backgroundColor  =  UIColor.red
            }
            
        }
        //   draw   
        self.setNeedsDisplay()
    }
    
    
    override func touchesEnded(_ touches: Set, with event: UIEvent?) {
        
        let alertVC = UIAlertController(title: "     :", message: "\(passwordArr)", preferredStyle: .alert)
        
        let action = UIAlertAction(title: "  ", style: UIAlertActionStyle.cancel, handler: {
            _ in
            //       
           self.passwordArr.removeAll()
            UIView.animate(withDuration: 0.25, delay: 1, options: UIViewAnimationOptions.curveEaseInOut, animations:
                {
                    //       
                    self.pointsArr.removeAll()
                    self.path.removeAllPoints()
                    self.setNeedsDisplay()
                    self.fingurePoint = CGPoint.zero
                    
                    //           
                    for button in self.subviews{
                        
                        if button.isKind(of: NumberButton.self) {
        
                            button.backgroundColor  =  UIColor.clear

                        }
                        
                    }
            }, completion: nil)
        })
        
        //     
        alertVC.addAction(action)
        self.controller?.present(alertVC, animated: true, completion: nil)

    }
    
    //MARK:   
    override func draw(_ rect: CGRect) {
       self.path.removeAllPoints()
        for (index,point) in self.pointsArr.enumerated(){
            
            if index == 0{
                self.path.move(to: point)
            }else{
                self.path.addLine(to: point)
            }
            
        }
        //       
        if self.fingurePoint != CGPoint.zero && self.pointsArr.count > 0{
            self.path.addLine(to: self.fingurePoint)
        }

        self.path.stroke()
    }
}

그 중에서 나는 팀 UIView의 프레임 아래size,origin,x,y,width,height 속성에 대한 빠른 접근 방법을 제공하여 다음과 같이 실현했다.
3、UIView에서 size,origin,x,y,width,height 속성에 대한 빠른 접근 방법

extension UIView{
    
    var size:CGSize {
         get{
            return self.frame.size
        }
         set{
            self.frame.size = newValue
        }
    }
    
    var origin: CGPoint {
         get{
            return self.frame.origin
        }
         set{
            self.frame.origin = newValue
        }
    }
    
    
    var width:CGFloat{
         get{
            return self.size.width
        }
        set{
            self.size.width = newValue
        }
    }
    
    var height:CGFloat{
         get{
            return self.size.height
        }
        set{
            self.size.height = newValue
        }
    }
    
    var x:CGFloat{
        get{
            return self.origin.x
        }
        set{
            self.origin.x = newValue
        }
    }
    
    var y:CGFloat{
        get{
            return self.origin.y
        }
        set{
            self.origin.y = newValue
        }
    }
}

데모 주소https://github.com/amosbaby/PasswordPanel.git