Update example

Author: seaburg

Example/Example.gif

@@ -1,9 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="11201" systemVersion="16A323" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="BYZ-38-t0r">
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="14490.70" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="BYZ-38-t0r">
+    <device id="retina6_1" orientation="portrait">
+        <adaptation id="fullscreen"/>
+    </device>
     <dependencies>
         <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="11161"/>
-        <capability name="Constraints to layout margins" minToolsVersion="6.0"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="14490.49"/>
         <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
     </dependencies>
     <scenes>
@@ -16,11 +18,11 @@
                         <viewControllerLayoutGuide type="bottom" id="wfy-db-euE"/>
                     </layoutGuides>
                     <view key="view" contentMode="scaleToFill" id="8bC-Xf-vdC">
-                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
+                        <rect key="frame" x="0.0" y="0.0" width="414" height="896"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
-                            <textField opaque="NO" clipsSubviews="YES" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="center" borderStyle="roundedRect" placeholder="_ (___) ____ ____" textAlignment="natural" minimumFontSize="17" translatesAutoresizingMaskIntoConstraints="NO" id="vrS-aj-jzx" customClass="FormattedTextField" customModule="Example" customModuleProvider="target">
-                                <rect key="frame" x="16" y="40" width="343" height="30"/>
+                            <textField opaque="NO" clipsSubviews="YES" contentMode="scaleToFill" contentHorizontalAlignment="leading" contentVerticalAlignment="center" borderStyle="roundedRect" placeholder="_ (___) ____ ____" textAlignment="natural" minimumFontSize="17" translatesAutoresizingMaskIntoConstraints="NO" id="vrS-aj-jzx" customClass="FormattedTextField" customModule="Example" customModuleProvider="target">
+                                <rect key="frame" x="20" y="64" width="374" height="30"/>
                                 <nil key="textColor"/>
                                 <fontDescription key="fontDescription" type="system" pointSize="20"/>
                                 <textInputTraits key="textInputTraits" smartInsertDeleteType="no"/>

Example/Example/Base.lproj/Main.storyboard

@@ -14,23 +14,15 @@ class ViewController: UIViewController, FormattedTextFieldDelegate {
 
     override func viewDidLoad() {
         super.viewDidLoad()
-        textField.textFormatter = MaskTextFormatter(mask: "+× ××× ××× ××××××××")
-        // Do any additional setup after loading the view, typically from a nib.
-    }
-
-    override func didReceiveMemoryWarning() {
-        super.didReceiveMemoryWarning()
-        // Dispose of any resources that can be recreated.
+        textField.textAlignment = .center
+        textField.placeholderMode = .always
+        updateTextFieldMask()
     }
 
 // MARK: - Actions
 
     @IBAction private func textFieldTextChanged(_ textField: FormattedTextField) {
-        let textMask = mask(forPhoneNumber: textField.unformattedText ?? "") ?? "+× ××× ××× ××××××××"
-        let formatter = textField.textFormatter! as! MaskTextFormatter
-        if formatter.mask != textMask {
-            textField.textFormatter = MaskTextFormatter(mask: textMask)
-        }
+        updateTextFieldMask()
     }
 
 // MARK: - FormattedTextFieldDelegate
@@ -39,16 +31,28 @@ class ViewController: UIViewController, FormattedTextFieldDelegate {
         return (replacementString.isEmpty || Int(replacementString) != nil)
     }
 
-// MARK: - Actions
+// MARK: - Private
+
+    private func updateTextFieldMask() {
+        let textMask = mask(forPhoneNumber: textField.unformattedText ?? "") ?? "+_ ___ ___ ________"
+        let formatter = textField.textFormatter as? MaskTextFormatter
+        if formatter?.mask != textMask {
+            textField.textFormatter = MaskTextFormatter(mask: textMask, maskSymbol: "_")
+        }
+
+        let placeholderStartIndex = textMask.index(textMask.startIndex, offsetBy: (textField.text?.count ?? 0))
+        textField.placeholder = String(textMask[placeholderStartIndex...])
+    }
+
     private func mask(forPhoneNumber phoneNumber: String) -> String? {
         let masks: [(format: String, mask: String)] = [
-            ("1", "+× (×××) ××× ××××"),
-            ("7", "+× (×××) ××× ××××"),
-            ("44", "+×× (×××) ×××× ××××"),
-            ("49", "+×× (×××××) ×××-××××"),
-            ("54", "+×× (×××) ××× ××××"),
-            ("86", "+×× (×××) ××× ××××"),
-            ("358", "+××× × ××× ×××"),
+            ("1", "+_ (___) ___ ____"),
+            ("7", "+_ (___) ___ ____"),
+            ("44", "+__ (___) ____ ____"),
+            ("49", "+__ (_____) ___-____"),
+            ("54", "+__ (___) ___ ____"),
+            ("86", "+__ (___) ___ ____"),
+            ("358", "+___ _ ___ ___"),
         ]
         return masks.first { (mask, _) -> Bool in
             phoneNumber.hasPrefix(mask)