Как создать динамический пошаговый Progress Bar в Swift? - PullRequest
Новая
       22

Как создать динамический пошаговый Progress Bar в Swift?

0 голосов
/ 06 мая 2019

У меня есть существующее приложение, в котором при открытии приложения шаги по умолчанию в строке состояния равны UserType, Credentials, Email, Password, Confirm Password, Agreement and Done. Приложение требует некоторых изменений, когда дело доходит до его Stepped Progress Bar, как я использовал модуль FlexibleSteppedProgressBar для индикатор. Моя проблема в том, что приложение имеет три (3) UserTypes. Два пользовательских типа (Пользователь1, Пользователь2) должны иметь 8 шагов следующим образом UserType, Credentials, Email, Password, Confirm Password, Agreement and Done, тогда как один пользовательский тип (Пользователь3) имеет только 7 шагов (без шага Agreement). Как я могу изменить индикатор выполнения, когда пользователь нажимает User3, шаги на панели прогресса должны состоять только из 7 шагов, а когда пользователь нажимает User1 User2 типы пользователей, панель прогресса по умолчанию с 8 шагами должна быть сохранена. Я немного сбит с толку, так как я новичок в быстром программировании, и я изменяю существующее приложение, которое нуждается в некоторых ревизиях, которые я не являюсь оригинальным, который создал приложение. Я попробовал некоторые модификации, я добавил две дополнительные структуры, которые содержат 7 шагов и 8 шагов после нажатия User3, структура для 7 шагов будет вызвана и превращена в 7 шагов, но макет MasterViewController все еще не изменил первоначальные 8 шагов. перекрывается в измененных 7 шагах, это означает, что в моем приложении появилось два перекрывающихся индикатора выполнения.

Page.swift 

struct Page {

static let titles: [String] = ["User Type",
                              "Credential",
                              "Birthdate",
                              "Email",
                              "Password",
                              "Confirm",
                              "Agreement",
                              "Done"]
}

Page2.swift 

struct Page2 {

static let titles: [String] = ["User Type",
                              "Credential",
                              "Birthdate",
                              "Email",
                              "Password",
                              "Confirm",
                             // "Agreement",
                              "Done"]
 }

MasterViewController.swift 

override func viewDidLoad() {
    super.viewDidLoad()

    configureNotificationObserver()
    setupView()
    configureAnimationView()
}

// MARK: VIEW CONTROLLER INITIALIZATIONS

   private lazy var roleViewController: RoleViewController = {
    let storyboard = UIStoryboard(name: "Main", bundle: Bundle.main)
    let viewController = storyboard.instantiateViewController(withIdentifier: "RoleViewController") as! RoleViewController
    self.add(asChildViewController: viewController)

    return viewController
  }()

   private lazy var firstCredentialViewController: FirstCredentialViewController = {
    let storyboard = UIStoryboard(name: "Main", bundle: Bundle.main)
    let viewController = storyboard.instantiateViewController(withIdentifier: "FirstCredentialViewController") as! FirstCredentialViewController
    self.add(asChildViewController: viewController)

    return viewController
  }()

   private lazy var birthdateViewController: BirthdateViewController = {
    let storyboard = UIStoryboard(name: "Main", bundle: Bundle.main)
    let viewController = storyboard.instantiateViewController(withIdentifier: "BirthdateViewController") as! BirthdateViewController
    self.add(asChildViewController: viewController)

    return viewController
  }()

    private lazy var emailViewController: EmailViewController = {
    let storyboard = UIStoryboard(name: "Main", bundle: Bundle.main)
    let viewController = storyboard.instantiateViewController(withIdentifier: "EmailViewController") as! EmailViewController
    self.add(asChildViewController: viewController)

    return viewController
  }()

    private lazy var passwordViewController: PasswordViewController = {
    let storyboard = UIStoryboard(name: "Main", bundle: Bundle.main)
    let viewController = storyboard.instantiateViewController(withIdentifier: "PasswordViewController") as! PasswordViewController
    self.add(asChildViewController: viewController)

    return viewController
  }()

    private lazy var confirmPasswordViewController: ConfirmPasswordViewController = {
    let storyboard = UIStoryboard(name: "Main", bundle: Bundle.main)
    let viewController = storyboard.instantiateViewController(withIdentifier: "ConfirmPasswordViewController") as! ConfirmPasswordViewController
    self.add(asChildViewController: viewController)

    return viewController
  }()

    private lazy var termsAndConditionsViewController: TermsAndConditionsViewController = {
    let storyboard = UIStoryboard(name: "Main", bundle: Bundle.main)
    let viewController = storyboard.instantiateViewController(withIdentifier: "TermsAndConditionsViewController") as! TermsAndConditionsViewController
    self.add(asChildViewController: viewController)

    return viewController
  }()


private lazy var doneViewController: DoneViewController = {
    let storyboard = UIStoryboard(name: "Main", bundle: Bundle.main)
    let viewController = storyboard.instantiateViewController(withIdentifier: "DoneViewController") as! DoneViewController
    self.add(asChildViewController: viewController)

    return viewController
  }()

  // MARK: FUNCTIONS

  private func add(asChildViewController viewController: UIViewController) {
    addChildViewController(viewController)

    containerView.addSubview(viewController.view)

    viewController.view.frame = view.bounds
    viewController.view.autoresizingMask = [.flexibleWidth, .flexibleHeight]

    viewController.didMove(toParentViewController: self)
  }

  private func remove(asChildViewController viewController: UIViewController) {
    viewController.willMove(toParentViewController: nil)
    viewController.view.removeFromSuperview()
    viewController.removeFromParentViewController()
  }

  private func configureAnimationView() {
    gearsAnimationView.frame = CGRect(x: 350, y: 160, width: 300, height: 200)
    gearsAnimationView.contentMode = .scaleAspectFit
    gearsAnimationView.loopAnimation = true

    loadingContainerView.addSubview(gearsAnimationView)
  }


   private func setupSteppedProgressBar() {
    progressBar.numberOfPoints = Page.titles.count
    progressBar.lineHeight = 8
    progressBar.radius = 15
    progressBar.progressRadius = 20
    progressBar.progressLineHeight = 3
    progressBar.delegate = self

    progressBar.stepTextColor = UIColor.lightGray
    progressBar.stepTextFont = UIFont.init(name: "HelveticaNeue", size: 15.0)
    progressBar.selectedBackgoundColor = UIColor(red: 82/255, green: 177/255, blue: 108/255, alpha: 1.0)

    // CURRENT SELECTED
    progressBar.currentSelectedCenterColor = UIColor(red: 244/255, green: 69/255, blue: 93/255, alpha: 1.0)
    progressBar.selectedOuterCircleStrokeColor = UIColor(red: 244/255, green: 69/255, blue: 93/255, alpha: 1.0)
    progressBar.currentSelectedTextColor = UIColor(red: 56/255, green: 56/255, blue: 56/255, alpha: 1.0)
}

   func updateView() {

    let currentIndex = progressBar.currentIndex

    switch currentIndex {
       case 0:
        remove(asChildViewController: firstCredentialViewController)
        add(asChildViewController: roleViewController)
        case 1:
        remove(asChildViewController: roleViewController)
        add(asChildViewController: firstCredentialViewController)
        case 2:
        remove(asChildViewController: firstCredentialViewController)
        add(asChildViewController: birthdateViewController)
        case 3:
        remove(asChildViewController: birthdateViewController)
        add(asChildViewController: emailViewController)
        case 4:
        remove(asChildViewController: emailViewController)
        add(asChildViewController: passwordViewController)
        case 5:
        remove(asChildViewController: passwordViewController)
        add(asChildViewController: confirmPasswordViewController)
        case 6:
        remove(asChildViewController: confirmPasswordViewController)
       // add(asChildViewController: termsAndConditionsViewController)
        case 7:
     //   remove(asChildViewController: termsAndConditionsViewController)
        add(asChildViewController: doneViewController)
        default: break
      }
   }

    private func setupView() {
    setupSteppedProgressBar()
    updateView()
   }

private func configureNotificationObserver() {
    NotificationCenter.default.addObserver(self, selector: #selector(self.nextStep), name: NSNotification.Name(rawValue: "nextStep"), object: nil)
    NotificationCenter.default.addObserver(self, selector: #selector(self.previousStep), name: NSNotification.Name(rawValue: "previousStep"), object: nil)
    NotificationCenter.default.addObserver(self, selector: #selector(self.showLoading), name: NSNotification.Name(rawValue: "showLoading"), object: nil)
    NotificationCenter.default.addObserver(self, selector: #selector(self.hideLoading), name: NSNotification.Name(rawValue: "hideLoading"), object: nil)
    NotificationCenter.default.addObserver(self, selector: #selector(self.successfulUserCreated), name: NSNotification.Name(rawValue: "UserCreated"), object: nil)
   }

//sample typing 

@objc func nextStep() {

    let currentIndex = progressBar.currentIndex
    let totalNumberOfPoints = progressBar.numberOfPoints

    switch currentIndex {
    case 0:
        firstCredentialViewController.userRole = roleViewController.userRole

    case 1:
        birthdateViewController.userRole = firstCredentialViewController.userRole
        birthdateViewController.firstCredential = firstCredentialViewController.firstCredential
    case 4:
        confirmPasswordViewController.userRole = birthdateViewController.userRole
        confirmPasswordViewController.firstCredential = birthdateViewController.firstCredential
        confirmPasswordViewController.emailString = emailViewController.emailString
        confirmPasswordViewController.passwordString = passwordViewController.passwordString
   // case 5:
     //   termsAndConditionsViewController.userRole = confirmPasswordViewController.userRole
    //    termsAndConditionsViewController.firstCredential = confirmPasswordViewController.firstCredential
     //   termsAndConditionsViewController.emailString = confirmPasswordViewController.emailString
      //  termsAndConditionsViewController.confirmPasswordString = confirmPasswordViewController.passwordString
    default: break
    }

    if currentIndex < (totalNumberOfPoints - 1) {
        progressBar.currentIndex = currentIndex + 1
        updateView()
    }
}

@objc func previousStep() {

    let currentIndex = progressBar.currentIndex

    progressBar.currentIndex = currentIndex - 1
    updateView()



@objc func showLoading() {
    isLoading(on: true)
}

@objc func hideLoading() {
    isLoading(on: false)
}

@objc func successfulUserCreated() {
    clearAllData()
    progressBar.currentIndex = 0
    updateView()
}

private func clearAllData() {

    // RoleViewController
   roleViewController.userRole = nil

    // FirstCredentialViewController
    firstCredentialViewController.userRole = nil
    firstCredentialViewController.firstCredential = nil
    firstCredentialViewController.titleLabel.text = ""
    firstCredentialViewController.credentialTextField.text = ""

    // BirthdateViewController
    birthdateViewController.userRole = nil
    birthdateViewController.firstCredential = nil
    birthdateViewController.birthdate = nil

    // EmailViewController
    emailViewController.emailString = nil
    emailViewController.emailAddressTextField.text = ""

    // PasswordViewController
    passwordViewController.passwordString = nil
    passwordViewController.passwordTextField.text = ""

    // ConfirmPasswordViewController
    confirmPasswordViewController.userRole = nil
    confirmPasswordViewController.firstCredential = nil
    confirmPasswordViewController.passwordString = nil
    confirmPasswordViewController.confirmPasswordTextField.text = ""

    //TermsAndConditionsViewController
    termsAndConditionsViewController.proceedButton.isEnabled = false
    termsAndConditionsViewController.checkButton.isSelected = false
  }

 }

extension MasterViewController {

func progressBar(_ progressBar: FlexibleSteppedProgressBar, canSelectItemAtIndex index: Int) -> Bool {
    return false
}

func progressBar(_ progressBar: FlexibleSteppedProgressBar, textAtIndex index: Int, position: FlexibleSteppedProgressBarTextLocation) -> String {

    if position == FlexibleSteppedProgressBarTextLocation.bottom {

        return Page.titles[index]
    }

    return ""
  }
 }
...