Fixed issue #2 and added option to set underline selected color

Author: Athul Sai

Example/KWVerificationCodeView/Base.lproj/Main.storyboard

@@ -23,7 +23,6 @@
                         <subviews>
                             <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="ekS-Ew-GpT" userLabel="verificationCodeView" customClass="KWVerificationCodeView" customModule="KWVerificationCodeView">
                                 <rect key="frame" x="33" y="273" width="310" height="62"/>
-                                <color key="backgroundColor" cocoaTouchSystemColor="groupTableViewBackgroundColor"/>
                                 <constraints>
                                     <constraint firstAttribute="width" constant="310" id="SmR-e4-qbu"/>
                                     <constraint firstAttribute="height" constant="62" id="mda-A6-NvC"/>

Example/KWVerificationCodeView/VerificationCodeViewController.swift

@@ -21,7 +21,7 @@ class VerificationCodeViewController: UIViewController {
 
   // MARK: - IBAction
   @IBAction func submitButtonTapped(_ sender: UIButton) {
-    if verificationCodeView.validateCode() {
+    if verificationCodeView.hasValidCode() {
       let alertController = UIAlertController(title: "Success", message: "Code is \(verificationCodeView.getVerificationCode())", preferredStyle: .alert)
       let okAction = UIAlertAction(title: "Ok", style: .default, handler: nil)
       alertController.addAction(okAction)

KWVerificationCodeView/Classes/KWTextFieldView.swift

@@ -21,13 +21,14 @@ protocol KWTextFieldDelegate: class {
   // MARK: - IBInspectables
   @IBInspectable var underlineColor: UIColor = UIColor.darkGray {
     didSet {
-      underlineView.backgroundColor = self.underlineColor.withAlphaComponent(0.3)
+      underlineView.backgroundColor = self.underlineColor
     }
   }
+  @IBInspectable var underlineSelectedColor: UIColor = UIColor.blue
 
   // MARK: - IBOutlets
   @IBOutlet weak var numberTextField: UITextField!
-  @IBOutlet weak var underlineView: UIView!
+  @IBOutlet weak private var underlineView: UIView!
 
   // MARK: - Variables
   weak var delegate: KWTextFieldDelegate?
@@ -76,7 +77,7 @@ protocol KWTextFieldDelegate: class {
   }
 
   fileprivate func updateUnderline() {
-    underlineView.backgroundColor = numberTextField.text?.trim() != "" ? self.underlineColor : self.underlineColor.withAlphaComponent(0.3)
+    underlineView.backgroundColor = numberTextField.text?.trim() != "" ? self.underlineSelectedColor : self.underlineColor
   }
 }
 

KWVerificationCodeView/Classes/KWTextFieldView.xib

@@ -28,7 +28,7 @@
                     <fontDescription key="fontDescription" type="system" pointSize="24"/>
                     <textInputTraits key="textInputTraits" keyboardType="numberPad"/>
                 </textField>
-                <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="eC6-EU-k8d" userLabel="underlineView">
+                <view userInteractionEnabled="NO" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="eC6-EU-k8d" userLabel="underlineView">
                     <rect key="frame" x="0.0" y="39" width="50" height="1"/>
                     <color key="backgroundColor" red="0.66666666666666663" green="0.66666666666666663" blue="0.66666666666666663" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                     <constraints>

KWVerificationCodeView/Classes/KWVerificationCodeView.swift

@@ -8,59 +8,52 @@
 
 import UIKit
 
-//public protocol KWVerificationCodeDelegate: class {
-//  func getVerificationCode() -> String
-//  func validateCode() -> Bool
-//}
-
 @IBDesignable open class KWVerificationCodeView: UIView {
 
   // MARK: - Constants
   static let maxCharactersLength = 1
 
   // MARK: - IBInspectables
-  //@IBInspectable open var underlineColor: UIColor = UIColor.darkGray {
-  //  didSet {
-  //    underlineView.backgroundColor = self.underlineColor.withAlphaComponent(0.3)
-  //  }
-  //}
+  @IBInspectable open var underlineColor: UIColor = UIColor.darkGray {
+    didSet {
+      for textFieldView in textFieldViews {
+        textFieldView.underlineColor = self.underlineColor
+      }
+    }
+  }
+  @IBInspectable var underlineSelectedColor: UIColor = UIColor.blue {
+    didSet {
+      for textFieldView in textFieldViews {
+        textFieldView.underlineSelectedColor = self.underlineSelectedColor
+      }
+    }
+  }
 
   // MARK: - IBOutlets
-  @IBOutlet weak var textFieldView1: KWTextFieldView!
-  @IBOutlet weak var textFieldView2: KWTextFieldView!
-  @IBOutlet weak var textFieldView3: KWTextFieldView!
-  @IBOutlet weak var textFieldView4: KWTextFieldView!
+  @IBOutlet weak private var textFieldView1: KWTextFieldView!
+  @IBOutlet weak private var textFieldView2: KWTextFieldView!
+  @IBOutlet weak private var textFieldView3: KWTextFieldView!
+  @IBOutlet weak private var textFieldView4: KWTextFieldView!
 
   // MARK: - Variables
-  var mobile: String!
-  var selectedVerificationCodeViewIndex = 0
-  
   lazy var textFieldViews: [KWTextFieldView] = {
     [unowned self] in
 
     return [self.textFieldView1, self.textFieldView2, self.textFieldView3, self.textFieldView4]
     }()
-
-  //weak public var delegate: KWVerificationCodeDelegate?
 
   // MARK: - Lifecycle
   override init(frame: CGRect) {
     super.init(frame: frame)
 
     loadViewFromNib()
   }
-
+  
   required public init?(coder aDecoder: NSCoder) {
     super.init(coder: aDecoder)
 
     loadViewFromNib()
     setupVerificationCodeViews()
-    //numberTextField.delegate = self
-    //NotificationCenter.default.addObserver(self, selector: #selector(textFieldDidChange(_:)), name: NSNotification.Name.UITextFieldTextDidChange, object: numberTextField)
-  }
-  
-  deinit {
-    //NotificationCenter.default.removeObserver(self)
   }
 
   // MARK: - Public Methods
@@ -73,7 +66,7 @@ import UIKit
     return verificationCode
   }
 
-  public func validateCode() -> Bool {
+  public func hasValidCode() -> Bool {
     for textFieldView in textFieldViews {
       if Int(textFieldView.numberTextField.text!) == nil {
         return false
@@ -82,7 +75,7 @@ import UIKit
 
     return true
   }
-
+  
   // MARK: - Private Methods
   private func setupVerificationCodeViews() {
     for textFieldView in textFieldViews {

KWVerificationCodeView/Classes/KWVerificationCodeView.xib

@@ -40,12 +40,12 @@
                     <rect key="frame" x="284" y="6" width="81" height="50"/>
                     <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="calibratedWhite"/>
                 </view>
-                <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="Uba-Pv-jsf" userLabel="topView">
+                <view alpha="0.050000000000000003" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="Uba-Pv-jsf" userLabel="topView">
                     <rect key="frame" x="0.0" y="0.0" width="375" height="62"/>
                     <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="calibratedWhite"/>
                 </view>
             </subviews>
-            <color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
+            <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="calibratedWhite"/>
             <constraints>
                 <constraint firstItem="3tC-Ut-0VN" firstAttribute="leading" secondItem="DUS-Hj-ChZ" secondAttribute="leading" constant="10" id="0di-mx-zfw"/>
                 <constraint firstAttribute="bottom" secondItem="3tC-Ut-0VN" secondAttribute="bottom" constant="6" id="5uF-mn-LoT"/>