iOS Swift Loading subview animation


import UIKit


class CircleLoading: UIView {

    

    init() {

        super.init(frame: .zero)

        self.setupViews()

    }

    

    required init?(coder: NSCoder) {

        super.init(coder: coder)

        self.setupViews()

    }

    

    private func setupViews() {

        self.backgroundColor = .clear

        

        var delay = 0.0

        [-50.0, 0.0, 50.0].forEach { anchorX in

            let viewCircle = createCircle(anchorX: anchorX)

            UIView.animate(

                withDuration: 0.5,

                delay: delay,

                options: [.autoreverse, .repeat],

                animations: {

                viewCircle.frame.origin = CGPoint(

                    x: viewCircle.frame.origin.x,

                    y: 50)

                viewCircle.alpha = 0.3

            }, completion: nil)

            delay += 0.2

        }


    }

    

    private func createCircle(anchorX: CGFloat) -> UIView {

        let lazyView = UIView()

        lazyView.translatesAutoresizingMaskIntoConstraints = false

        lazyView.layer.masksToBounds = false

        lazyView.clipsToBounds = false

        lazyView.backgroundColor = .white

        lazyView.layer.cornerRadius = 15

        self.addSubview(lazyView)

        

        lazyView.heightAnchor.constraint(

            equalToConstant: 30).isActive = true

        lazyView.widthAnchor.constraint(

            equalToConstant: 30).isActive = true

        lazyView.centerXAnchor.constraint(

            equalTo: self.centerXAnchor, constant: anchorX).isActive = true

        lazyView.centerYAnchor.constraint(

            equalTo: self.centerYAnchor, constant: 0).isActive = true

        

        return lazyView

    }

    

}

Popular posts from this blog

PNScanner - Privacy Policy

Privacy Policy Personal Data: PNScanner does not collect or use any personal data that may be used to identify or contact you.  Camera permission just used for capture phone number image. We don't collect the images that captured from the camera or gallery, it's just used to scan the phone number.
Read more

Password With Show hide button

import UIKit class PasswordTextField: UITextField { private let toggleButton = UIButton(type: .custom) override init(frame: CGRect) { super.init(frame: frame) setupView() } required init?(coder: NSCoder) { super.init(coder: coder) setupView() } private func setupView() { isSecureTextEntry = true borderStyle = .roundedRect rightViewMode = .always setupToggleButton() } private func setupToggleButton() { let buttonSize = CGSize(width: 24, height: 24) toggleButton.setImage(UIImage(systemName: "eye.fill"), for: .normal) toggleButton.frame = CGRect(origin: .zero, size: buttonSize) toggleButton.contentMode = .scaleAspectFit toggleButton.addTarget(self, action: #selector(togglePasswordVisibility), for: .touchUpInside) rightView = toggleButton addConstraints() } private func addConstraints() {
Read more

iOS Swift Custom Circular Progress bar

import UIKit class CircularProgressView: UIView { // First create two layer properties private var circleLayer = CAShapeLayer() private var progressLayer = CAShapeLayer() override init(frame: CGRect) { super.init(frame: frame) createCircularPath() } required init?(coder aDecoder: NSCoder) { super.init(coder: aDecoder) createCircularPath() } func createCircularPath() { let circularPath = UIBezierPath( arcCenter: CGPoint(x: frame.size.width / 2.0, y: frame.size.height / 2.0), radius: 80, startAngle: -.pi / 2, endAngle: 3 * .pi / 2, clockwise: true) circleLayer.path = circularPath.cgPath circleLayer.fillColor = UIColor.clear.cgColor circleLayer.lineCap = .round circleLayer.lineWidth = 20.0 circleLayer.strokeColor = UIColor.black.cgColor progressLayer.path = circularPath.cgPath progressLayer.fillColor = UIColor.clear.cgColor progressLayer.lineCap = .round progressLayer.lineWidth = 10.0 progressLayer.strokeEnd = 0 pro
Read more