Added warning label

Author: TimOliver

TOPasscodeViewController/TOPasscodeSettingsViewController.m

@@ -9,6 +9,7 @@
 #import "TOPasscodeSettingsViewController.h"
 #import "TOPasscodeNumberInputView.h"
 #import "TOPasscodeSettingsKeypadView.h"
+#import "TOPasscodeSettingsWarningLabel.h"
 
 const CGFloat kTOPasscodeSettingsLabelInputSpacing = 15.0f;
 const CGFloat kTOPasscodeKeypadMaxSizeRatio = 0.40f;
@@ -21,6 +22,7 @@ @interface TOPasscodeSettingsViewController ()
 @property (nonatomic, strong) UILabel *titleLabel;
 @property (nonatomic, strong) TOPasscodeNumberInputView *numberInputView;
 @property (nonatomic, strong) TOPasscodeSettingsKeypadView *keypadView;
+@property (nonatomic, strong) TOPasscodeSettingsWarningLabel *warningLabel;
 
 @end
 
@@ -70,13 +72,17 @@ - (void)viewDidLoad {
     self.keypadView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleTopMargin;
     [self.view addSubview:self.keypadView];
 
+    // Create label view
+    self.warningLabel = [[TOPasscodeSettingsWarningLabel alloc] initWithFrame:CGRectZero];
+    [self.containerView addSubview:self.warningLabel];
+
     // Add callbacks for the keypad view
     self.keypadView.numberButtonTappedHandler= ^(NSInteger number) {
         NSString *numberString = [NSString stringWithFormat:@"%ld", number];
         [weakSelf.numberInputView appendPasscodeCharacters:numberString animated:NO];
     };
 
-    self.keypadView.deleteButtonTappedHandler = ^{ [weakSelf.numberInputView deletePasscodeCharactersOfCount:1 animated:YES]; };
+    self.keypadView.deleteButtonTappedHandler = ^{ [weakSelf.numberInputView deletePasscodeCharactersOfCount:1 animated:NO]; };
 
     // Set height of the container view (This will never change)
     CGRect frame = self.containerView.frame;

TOPasscodeViewController/Views/TOPasscodeCircleView.m

@@ -57,7 +57,7 @@ - (void)setHighlighted:(BOOL)highlighted animated:(BOOL)animated
         return;
     }
 
-    [UIView animateWithDuration:0.5f animations:animationBlock];
+    [UIView animateWithDuration:0.45f animations:animationBlock];
 }
 
 - (void)setCircleImage:(UIImage *)circleImage

TOPasscodeViewController/Views/TOPasscodeSettingsKeypadView.m

@@ -13,7 +13,7 @@
 
 const CGFloat kTOPasscodeSettingsKeypadButtonInnerSpacing = 7.0f;
 const CGFloat kTOPasscodeSettingsKeypadButtonOuterSpacing = 7.0f;
-const CGFloat kTOPasscodeSettingsKeypadCornderRadius = 16.0f;
+const CGFloat kTOPasscodeSettingsKeypadCornderRadius = 10.0f;
 
 @interface TOPasscodeSettingsKeypadView ()
 

TOPasscodeViewController/Views/TOPasscodeSettingsWarningLabel.h

@@ -0,0 +1,25 @@
+//
+//  TOPasscodeSettingsWarningLabel.h
+//  TOPasscodeViewControllerExample
+//
+//  Created by Tim Oliver on 6/28/17.
+//  Copyright © 2017 Timothy Oliver. All rights reserved.
+//
+
+#import <UIKit/UIKit.h>
+
+@interface TOPasscodeSettingsWarningLabel : UIImageView
+
+/** The number of incorrect password attempts to display */
+@property (nonatomic, assign) NSInteger numberOfWarnings;
+
+/** The font of the text */
+@property (nonatomic, strong) UIFont *textFont;
+
+/** The background color of the view */
+@property (nonatomic, strong) UIColor *backgroundColor;
+
+/** Set the padding around the label */
+@property (nonatomic, assign) CGSize textPadding;
+
+@end

TOPasscodeViewController/Views/TOPasscodeSettingsWarningLabel.m

@@ -0,0 +1,130 @@
+//
+//  TOPasscodeSettingsWarningLabel.m
+//  TOPasscodeViewControllerExample
+//
+//  Created by Tim Oliver on 6/28/17.
+//  Copyright © 2017 Timothy Oliver. All rights reserved.
+//
+
+#import "TOPasscodeSettingsWarningLabel.h"
+
+@interface TOPasscodeSettingsWarningLabel ()
+@property (nonatomic, strong) UILabel *label;
+@end
+
+@implementation TOPasscodeSettingsWarningLabel
+
+@synthesize backgroundColor = __backgroundColor;
+
+#pragma mark - View Setup -
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+    if (self = [super initWithFrame:frame]) {
+        [self setUp];
+    }
+
+    return self;
+}
+
+- (void)setUp
+{
+    _textPadding = CGSizeMake(12.0f, 4.0f);
+
+    self.tintColor = [UIColor colorWithRed:214.0f/255.0f green:63.0f/255.0f blue:63.0f/255.0f alpha:1.0f];
+
+    self.label = [[UILabel alloc] initWithFrame:CGRectZero];
+    self.label.textAlignment = NSTextAlignmentCenter;
+    self.label.textColor = [UIColor whiteColor];
+    self.label.font = [UIFont systemFontOfSize:15.0f];
+    [self setTextForCount:0];
+    [self.label sizeToFit];
+    [self addSubview:self.label];
+}
+
+- (void)didMoveToSuperview
+{
+    [super didMoveToSuperview];
+    [self setBackgroundImageIfNeeded];
+}
+
+#pragma mark - View Layout -
+
+- (void)sizeToFit
+{
+    [super sizeToFit];
+    CGRect frame = self.frame;
+    CGRect labelFrame = self.label.frame;
+
+    labelFrame = CGRectInset(labelFrame, -self.textPadding.width, -self.textPadding.height);
+    frame.size = labelFrame.size;
+    frame.origin.x = CGRectGetMidX(frame) - (CGRectGetWidth(labelFrame) * 0.5f);
+    frame.origin.y = CGRectGetMidY(frame) - (CGRectGetHeight(labelFrame) * 0.5f);
+    self.frame = frame;
+}
+
+- (void)layoutSubviews
+{
+    CGRect frame = self.frame;
+    CGRect labelFrame = self.label.frame;
+
+    labelFrame.origin.x = (CGRectGetWidth(frame) - CGRectGetWidth(labelFrame)) * 0.5f;
+    labelFrame.origin.y = (CGRectGetWidth(frame) - CGRectGetWidth(labelFrame)) * 0.5f;
+    self.label.frame = labelFrame;
+}
+
+#pragma mark - View State Handling -
+
+- (void)setTextForCount:(NSInteger)count
+{
+    NSString *text = nil;
+    if (count == 1) {
+        text = NSLocalizedString(@"1 Failed Passcode Attempt", @"");
+    }
+    else {
+        text = [NSString stringWithFormat:NSLocalizedString(@"%@ Failed Passcode Attempts", @""), count];
+    }
+    self.label.text = text;
+
+    [self sizeToFit];
+}
+
+#pragma mark - Background Image Managements -
+
+- (void)setBackgroundImageIfNeeded
+{
+    // Don't bother if we're not in a view
+    if (self.superview == nil) { return; }
+
+    // Compare the view height and don't proceed if
+    if (lround(self.image.size.height) == lround(self.frame.size.height)) { return; }
+
+    // Create the image
+    self.image = [[self class] roundedBackgroundImageWithHeight:self.frame.size.height];
+}
+
++ (UIImage *)roundedBackgroundImageWithHeight:(CGFloat)height
+{
+    UIImage *image = nil;
+    CGRect frame = CGRectZero;
+    frame.size.width = height + 1.0;
+    frame.size.height = height;
+
+    UIGraphicsBeginImageContextWithOptions(frame.size, NO, 0.0f);
+    {
+        UIBezierPath* path = [UIBezierPath bezierPathWithRoundedRect:frame cornerRadius:height * 0.5f];
+        [[UIColor blackColor] setFill];
+        [path fill];
+
+        image = UIGraphicsGetImageFromCurrentImageContext();
+    }
+    UIGraphicsEndImageContext();
+
+    CGFloat halfHeight = height * 0.5f;
+    UIEdgeInsets insets = UIEdgeInsetsMake(halfHeight, halfHeight, halfHeight, halfHeight);
+    image = [image resizableImageWithCapInsets:insets];
+    image = [image imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
+    return image;
+}
+
+@end

TOPasscodeViewController/Views/TOPasscodeView.m

@@ -39,7 +39,6 @@ - (instancetype)initWithStyle:(TOPasscodeViewStyle)style
     if (self = [super initWithFrame:CGRectMake(0,0,320,393)]) {
         _style = style;
         [self setUp];
-
     }
 
     return self;

TOPasscodeViewControllerExample.xcodeproj/project.pbxproj

@@ -12,6 +12,7 @@
 		221ED2FC1EF6FE0400763AD5 /* TOPasscodeSettingsKeypadView.m in Sources */ = {isa = PBXBuildFile; fileRef = 221ED2FB1EF6FE0400763AD5 /* TOPasscodeSettingsKeypadView.m */; };
 		22600A961EFB681200019ED9 /* TOPasscodeSettingsKeypadButton.m in Sources */ = {isa = PBXBuildFile; fileRef = 22600A951EFB681200019ED9 /* TOPasscodeSettingsKeypadButton.m */; };
 		226EFC031EE3FA490033B079 /* SettingsViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = 226EFC021EE3FA490033B079 /* SettingsViewController.m */; };
+		226FD7E11F0463EE0010B5AA /* TOPasscodeSettingsWarningLabel.m in Sources */ = {isa = PBXBuildFile; fileRef = 226FD7E01F0463EE0010B5AA /* TOPasscodeSettingsWarningLabel.m */; };
 		2271931D1EE3E0D4000324B7 /* TOBlurView.m in Sources */ = {isa = PBXBuildFile; fileRef = 2271931C1EE3E0D4000324B7 /* TOBlurView.m */; };
 		2296607C1EEBE1A10064C581 /* TOPasscodeButtonLabel.m in Sources */ = {isa = PBXBuildFile; fileRef = 2296607B1EEBE1A10064C581 /* TOPasscodeButtonLabel.m */; };
 		22D3611E1EDCC1CC002E5D35 /* TOPasscodeCircleImage.m in Sources */ = {isa = PBXBuildFile; fileRef = 22D3610A1EDCC1CC002E5D35 /* TOPasscodeCircleImage.m */; };
@@ -55,6 +56,8 @@
 		22600A951EFB681200019ED9 /* TOPasscodeSettingsKeypadButton.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = TOPasscodeSettingsKeypadButton.m; sourceTree = "<group>"; };
 		226EFC011EE3FA490033B079 /* SettingsViewController.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = SettingsViewController.h; sourceTree = "<group>"; };
 		226EFC021EE3FA490033B079 /* SettingsViewController.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = SettingsViewController.m; sourceTree = "<group>"; };
+		226FD7DF1F0463EE0010B5AA /* TOPasscodeSettingsWarningLabel.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = TOPasscodeSettingsWarningLabel.h; sourceTree = "<group>"; };
+		226FD7E01F0463EE0010B5AA /* TOPasscodeSettingsWarningLabel.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = TOPasscodeSettingsWarningLabel.m; sourceTree = "<group>"; };
 		2271931B1EE3E0D4000324B7 /* TOBlurView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = TOBlurView.h; sourceTree = "<group>"; };
 		2271931C1EE3E0D4000324B7 /* TOBlurView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = TOBlurView.m; sourceTree = "<group>"; };
 		2296607A1EEBE1A10064C581 /* TOPasscodeButtonLabel.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = TOPasscodeButtonLabel.h; sourceTree = "<group>"; };
@@ -183,6 +186,8 @@
 				22600A951EFB681200019ED9 /* TOPasscodeSettingsKeypadButton.m */,
 				221ED2FA1EF6FE0400763AD5 /* TOPasscodeSettingsKeypadView.h */,
 				221ED2FB1EF6FE0400763AD5 /* TOPasscodeSettingsKeypadView.m */,
+				226FD7DF1F0463EE0010B5AA /* TOPasscodeSettingsWarningLabel.h */,
+				226FD7E01F0463EE0010B5AA /* TOPasscodeSettingsWarningLabel.m */,
 			);
 			path = Views;
 			sourceTree = "<group>";
@@ -353,6 +358,7 @@
 				22D361251EDCC1CC002E5D35 /* TOPasscodeView.m in Sources */,
 				22D3613A1EDCC1D7002E5D35 /* ViewController.m in Sources */,
 				22D361211EDCC1CC002E5D35 /* TOPasscodeCircleButton.m in Sources */,
+				226FD7E11F0463EE0010B5AA /* TOPasscodeSettingsWarningLabel.m in Sources */,
 				22D361261EDCC1CC002E5D35 /* TOPasscodeViewContentLayout.m in Sources */,
 				2296607C1EEBE1A10064C581 /* TOPasscodeButtonLabel.m in Sources */,
 				22D361231EDCC1CC002E5D35 /* TOPasscodeNumberInputView.m in Sources */,