Add support for left & right views

Fixes stephsharp#18

Author: stephsharp

MaterialTextField/MFTextField.m

@@ -642,7 +642,7 @@ - (void)removeErrorLabel
 - (CGRect)textRectForBounds:(CGRect)bounds
 {
     CGRect superRect = [super textRectForBounds:bounds];
-    CGRect rect = CGRectMake(self.textPadding.width,
+    CGRect rect = CGRectMake(superRect.origin.x + self.textPadding.width,
                              [self adjustedYPositionForTextRect],
                              superRect.size.width - (2.0 * self.textPadding.width),
                              self.font.lineHeight);
@@ -677,6 +677,22 @@ - (CGRect)clearButtonRectForBounds:(CGRect)bounds
     return clearButtonRect;
 }
 
+- (CGRect)rightViewRectForBounds:(CGRect)bounds
+{
+    CGRect rightViewRect = [super rightViewRectForBounds:bounds];
+    rightViewRect.origin.y = CGRectGetMidY(_textRect) - (rightViewRect.size.height / 2.0f);
+    
+    return rightViewRect;
+}
+
+- (CGRect)leftViewRectForBounds:(CGRect)bounds
+{
+    CGRect leftViewRect = [super leftViewRectForBounds:bounds];
+    leftViewRect.origin.y = CGRectGetMidY(_textRect) - (leftViewRect.size.height / 2.0f);
+    
+    return leftViewRect;
+}
+
 # pragma mark - UIView
 
 - (CGSize)intrinsicContentSize

MaterialTextFieldDemo/MaterialTextFieldDemo/Base.lproj/Main.storyboard

@@ -53,7 +53,16 @@
                                     <userDefinedRuntimeAttribute type="color" keyPath="placeholderColor">
                                         <color key="value" red="0.0" green="0.47843137250000001" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                     </userDefinedRuntimeAttribute>
+                                    <userDefinedRuntimeAttribute type="size" keyPath="textPadding">
+                                        <size key="value" width="20" height="8"/>
+                                    </userDefinedRuntimeAttribute>
+                                    <userDefinedRuntimeAttribute type="size" keyPath="errorPadding">
+                                        <size key="value" width="20" height="8"/>
+                                    </userDefinedRuntimeAttribute>
                                 </userDefinedRuntimeAttributes>
+                                <connections>
+                                    <action selector="textFieldDidChange:" destination="BYZ-38-t0r" eventType="editingChanged" id="uMx-3J-4yS"/>
+                                </connections>
                             </textField>
                             <textField opaque="NO" clipsSubviews="YES" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="center" placeholder="number" textAlignment="right" adjustsFontSizeToFit="NO" minimumFontSize="17" translatesAutoresizingMaskIntoConstraints="NO" id="gNx-E7-aGq" customClass="MFTextField">
                                 <rect key="frame" x="16" y="20" width="343" height="60"/>
@@ -109,6 +118,7 @@
                     <connections>
                         <outlet property="textField1" destination="gNx-E7-aGq" id="1pI-Mq-qvh"/>
                         <outlet property="textField2" destination="vrI-fI-vIo" id="e8w-3k-NaW"/>
+                        <outlet property="textField4" destination="A1d-5c-S25" id="k4X-gw-qB1"/>
                         <outlet property="textField5" destination="Z0L-Ka-jzP" id="lDR-gK-uuK"/>
                     </connections>
                 </viewController>

MaterialTextFieldDemo/MaterialTextFieldDemo/Images.xcassets/AppIcon.appiconset/Contents.json

@@ -1,5 +1,15 @@
 {
   "images" : [
+    {
+      "idiom" : "iphone",
+      "size" : "20x20",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "20x20",
+      "scale" : "3x"
+    },
     {
       "idiom" : "iphone",
       "size" : "29x29",
@@ -30,6 +40,16 @@
       "size" : "60x60",
       "scale" : "3x"
     },
+    {
+      "idiom" : "ipad",
+      "size" : "20x20",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "20x20",
+      "scale" : "2x"
+    },
     {
       "idiom" : "ipad",
       "size" : "29x29",
@@ -59,6 +79,16 @@
       "idiom" : "ipad",
       "size" : "76x76",
       "scale" : "2x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "83.5x83.5",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "ios-marketing",
+      "size" : "1024x1024",
+      "scale" : "1x"
     }
   ],
   "info" : {

MaterialTextFieldDemo/MaterialTextFieldDemo/Images.xcassets/Contents.json

@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

MaterialTextFieldDemo/MaterialTextFieldDemo/Images.xcassets/eye.imageset/Contents.json

@@ -0,0 +1,22 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "eye@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "eye@3x.png",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

MaterialTextFieldDemo/MaterialTextFieldDemo/Images.xcassets/eye.imageset/eye@2x.png

@@ -0,0 +1,22 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "lock@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "lock@3x.png",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}