Added a default border colour prior to selection

Author: Fawxy

CBPinEntryView.podspec

@@ -8,7 +8,7 @@
 
 Pod::Spec.new do |s|
   s.name             = 'CBPinEntryView'
-  s.version          = '1.1.0'
+  s.version          = '1.2.0'
   s.summary          = 'A view for entering arbitrary length numerical pins or codes written in Swift 3.0.'
 
 # This description is used to generate tags and improve search results.

CBPinEntryView/Classes/CBPinEntryView.swift

@@ -15,6 +15,7 @@ import UIKit
     @IBInspectable var entryCornerRadius: CGFloat = CBPinEntryViewDefaults.entryCornerRadius
 
     @IBInspectable var entryBorderWidth: CGFloat = CBPinEntryViewDefaults.entryBorderWidth
+    @IBInspectable var entryDefaultBorderColour: UIColor = CBPinEntryViewDefaults.entryDefaultBorderColour
     @IBInspectable var entryBorderColour: UIColor = CBPinEntryViewDefaults.entryBorderColour
     @IBInspectable var entryErrorBorderColour: UIColor = CBPinEntryViewDefaults.entryErrorColour
 
@@ -86,8 +87,8 @@ import UIKit
             button.titleLabel!.font = entryFont
 
             button.layer.cornerRadius = entryCornerRadius
-            button.layer.borderColor = entryBorderColour.cgColor
-            button.layer.borderWidth = 0.0
+            button.layer.borderColor = entryDefaultBorderColour.cgColor
+            button.layer.borderWidth = entryBorderWidth
 
             button.tag = i + 1
 
@@ -106,9 +107,9 @@ import UIKit
             button.layer.borderColor = entryBorderColour.cgColor
 
             if button.tag == entryIndex {
-                button.layer.borderWidth = 1
+                button.layer.borderColor = entryBorderColour.cgColor
             } else {
-                button.layer.borderWidth = 0
+                button.layer.borderColor = entryDefaultBorderColour.cgColor
             }
         }
 
@@ -165,25 +166,25 @@ extension CBPinEntryView: UITextFieldDelegate {
         if !deleting {
             for button in entryButtons {
                 if button.tag == newLength {
-                    button.layer.borderWidth = 0
+                    button.layer.borderColor = entryDefaultBorderColour.cgColor
                     UIView.setAnimationsEnabled(false)
                     button.setTitle(string, for: .normal)
                     UIView.setAnimationsEnabled(true)
                 } else if button.tag == newLength + 1 {
-                    button.layer.borderWidth = entryBorderWidth
+                    button.layer.borderColor = entryBorderColour.cgColor
                 } else {
-                    button.layer.borderWidth = 0.0
+                    button.layer.borderColor = entryDefaultBorderColour.cgColor
                 }
             }
         } else {
             for button in entryButtons {
                 if button.tag == oldLength {
-                    button.layer.borderWidth = entryBorderWidth
+                    button.layer.borderColor = entryBorderColour.cgColor
                     UIView.setAnimationsEnabled(false)
                     button.setTitle("", for: .normal)
                     UIView.setAnimationsEnabled(true)
                 } else {
-                    button.layer.borderWidth = 0
+                    button.layer.borderColor = entryDefaultBorderColour.cgColor
                 }
             }
         }

CBPinEntryView/Classes/CBPinEntryViewDefaults.swift

@@ -19,6 +19,9 @@ struct CBPinEntryViewDefaults {
     // Default border width
     static let entryBorderWidth: CGFloat = 1
 
+    // Default border colour of fields before selection
+    static let entryDefaultBorderColour: UIColor = UIColor.clear
+
     // Default border colour of currently editing field
     static let entryBorderColour: UIColor = UIColor(red: 69/255, green: 78/255, blue: 86/255, alpha: 1.0)
 

Example/CBPinEntryView/Base.lproj/Main.storyboard

@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="12118" systemVersion="16E195" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="vXZ-lx-hvc">
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="12120" systemVersion="16E195" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="vXZ-lx-hvc">
     <device id="retina4_0" orientation="portrait">
         <adaptation id="fullscreen"/>
     </device>
     <dependencies>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="12086"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="12088"/>
         <capability name="Constraints with non-1.0 multipliers" minToolsVersion="5.1"/>
         <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
     </dependencies>
@@ -35,6 +35,9 @@
                                     <userDefinedRuntimeAttribute type="number" keyPath="entryCornerRadius">
                                         <real key="value" value="3"/>
                                     </userDefinedRuntimeAttribute>
+                                    <userDefinedRuntimeAttribute type="color" keyPath="entryDefaultBorderColour">
+                                        <color key="value" red="0.0" green="0.47843137250000001" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                    </userDefinedRuntimeAttribute>
                                 </userDefinedRuntimeAttributes>
                             </view>
                             <stackView opaque="NO" contentMode="scaleToFill" spacing="4" translatesAutoresizingMaskIntoConstraints="NO" id="l00-Oi-KOV">