OC仿支付宝输入UITextField输入车牌号

于 2018-11-23 14:35:00 发布
阅读量199 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/hualuoshuijia/p/10007452.html
本文详细介绍了一种在iOS中实现车牌输入键盘的方法，包括.h和.m文件的代码示例，展示了如何通过UIKit创建自定义的键盘视图，支持省份和车牌号字母数字的选择，以及键盘的显示与隐藏控制。

效果图，如果使用，出现任何问题请告知，或者下方留言，我好以及改正

 

.h文件：

#import <UIKit/UIKit.h>

@interface LicenseKeyBoardView : UIView
- (instancetype)initWithFrame:(CGRect)frame withTextField:(UITextField *)textField;
@end

 

.m文件

#import "LicenseKeyBoardView.h"
#define kWidth   [UIScreen mainScreen].bounds.size.width
#define kHeight  [UIScreen mainScreen].bounds.size.height
#define HEXCOLOR(hex, alp) [UIColor colorWithRed:((float)((hex & 0xFF0000) >> 16)) / 255.0 green:((float)((hex & 0xFF00) >> 8)) / 255.0 blue:((float)(hex & 0xFF)) / 255.0 alpha:alp]

#define LicenseLength  7 //最大的车牌号长度为7

@interface LicenseKeyBoardView()<UIGestureRecognizerDelegate>
{
    UIView *_backView1; //第一个view 省份
    UIView *_backView2; //第二个view 字母view
    UIButton *_btn;//abc和返回按键
}
@property (nonatomic, strong) NSArray *provinceArr; //省市简写数组
@property (nonatomic, strong) NSArray *letterArr; //车牌号码字母数字数组
@property(nonatomic,strong)UITextField *textField;
@end

@implementation LicenseKeyBoardView

- (NSArray *)provinceArr {
    if (!_provinceArr) {
        _provinceArr = @[@"京",@"津",@"渝",@"沪",@"冀",@"晋",@"辽",@"吉",@"黑",@"苏",@"浙",@"皖",@"闽",@"赣",@"鲁",@"豫",@"鄂",@"湘",@"粤",@"琼",@"川",@"贵",@"云",@"陕",@"甘",@"青",@"蒙",@"桂",@"宁",@"新",@"",@"藏",@"使",@"领",@"警",@"学",@"港",@"澳",@""];
    }
    return _provinceArr;
}

- (NSArray *)letterArr {
    if (!_letterArr) {
        _letterArr = @[@"1",@"2",@"3",@"4",@"5",@"6",@"7",@"8",@"9",@"0",@"Q",@"W",@"E",@"R",@"T",@"Y",@"U",@"I",@"O",@"P",@"A",@"S",@"D",@"F",@"G",@"H",@"J",@"K",@"L",@"",@"Z",@"X",@"C",@"V",@"B",@"N",@"M",@""];
    }
    return _letterArr;
}

- (instancetype)initWithFrame:(CGRect)frame withTextField:(UITextField *)textField{
    frame = CGRectMake(0, 0, kWidth, kHeight*0.33);
    if (self = [super initWithFrame:frame]) {
        self.backgroundColor = [UIColor redColor];
        self.textField = textField;
        //注册一个通知，后面会用到，来监听abc字母键
        [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textFAction:) name:@"abc" object:nil];
        //添加一个手势，点击键盘外面收回键盘
        UITapGestureRecognizer *recognizer = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(hiddenView)];
        recognizer.delegate = self;
        [self addGestureRecognizer:recognizer];
        [self setupUI];
    }
    return self;
}

- (void)setupUI {
    CGSize size = self.frame.size;
    
    _backView1 = [[UIView alloc] initWithFrame:self.bounds];
    _backView1.backgroundColor = HEXCOLOR(0xd2d5da, 1);
    _backView1.hidden = NO;
    
    _backView2 = [[UIView alloc] initWithFrame:self.bounds];
    _backView2.hidden = YES;
    _backView2.backgroundColor = HEXCOLOR(0xd2d5da, 1);
    
    [self addSubview:_backView1];
    [self addSubview:_backView2];
    
    int row = 4;
    int column = 10;
    CGFloat btnY = 4;
    CGFloat btnX = 2;
    CGFloat maginR = 5;
    CGFloat maginC = 10;
    CGFloat btnW = (size.width - maginR * (column -1) - 2 * btnX)/column;
    CGFloat btnH = (_backView1.frame.size.height - maginC * (row - 1) - 6) / row;
    CGFloat m = 12;
    CGFloat w = (size.width - 24 - 7 * btnW - 6 * maginR - 2 * btnX)/2;
    CGFloat mw = (size.width - 8 * maginR - 9 * btnW - 2 * btnX) / 2;
    NSLog(@"LY >> count - %zd", self.provinceArr.count);
    for (int i = 0; i < self.provinceArr.count; i++) {
        UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
        if (i / column == 3) {
            if (i == 30) {
                btn.frame = CGRectMake(btnX, btnY + 3 * (btnH + maginC), w, btnH);
                [btn setBackgroundImage:[UIImage imageNamed:@"key_abc"] forState:UIControlStateNormal];
                btn.enabled = NO;
                _btn = btn;
            }else if (i == 38) {
                btn.frame = CGRectMake(6 * (btnW + maginR) + btnW + w + m + m, btnY + 3 * (btnH + maginC), w, btnH);
                [btn setBackgroundImage:[UIImage imageNamed:@"key_over"] forState:UIControlStateNormal];
            }else {
                btn.frame = CGRectMake((i % column - 1)*(btnW + maginR) + w + m + btnX, btnY + 3 * (btnH + maginC), btnW, btnH);
                [btn setBackgroundImage:[UIImage imageNamed:@"key_number"] forState:UIControlStateNormal];
            }
        }else {
            btn.frame = CGRectMake(btnW * (i % column) + i % column * maginR + btnX, btnY + i/column * (btnH + maginC), btnW, btnH);
            [btn setBackgroundImage:[UIImage imageNamed:@"key_number"] forState:UIControlStateNormal];
        }
        [btn setTitleColor:HEXCOLOR(0x23262F, 1) forState:UIControlStateNormal];
        [btn setTitle:self.provinceArr[i] forState:UIControlStateNormal];
        btn.layer.cornerRadius = 3;
        btn.layer.masksToBounds = YES;
        btn.tag = i;
        [btn addTarget:self action:@selector(btn1Click:) forControlEvents:UIControlEventTouchUpInside];
        [_backView1 addSubview:btn];
    }
    
    for (int i = 0; i < self.letterArr.count; i++) {
        
        UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
        
        if (i >= 20 && i < 29) {
            
            btn.frame = CGRectMake(btnX + mw + (btnW + maginR) * (i % column), btnY + 2 * (btnH + maginC), btnW, btnH);
            [btn setBackgroundImage:[UIImage imageNamed:@"key_number"] forState:UIControlStateNormal];
            
        }else if (i >= 29) {
            if (i == 29) {
                btn.frame = CGRectMake(btnX, btnY + 3 * (btnH + maginC), w, btnH);
                [btn setBackgroundImage:[UIImage imageNamed:@"key_back"] forState:UIControlStateNormal];
            }else if (i == 37) {
                btn.frame = CGRectMake(6 * (btnW + maginR) + btnW + w + m + m + btnX, btnY + 3 * (btnH + maginC), w, btnH);
                [btn setBackgroundImage:[UIImage imageNamed:@"key_over"] forState:UIControlStateNormal];
            }else {
                btn.frame = CGRectMake((i % column)*(btnW + maginR) + w + m + btnX, btnY + 3 * (btnH + maginC), btnW, btnH);
                [btn setBackgroundImage:[UIImage imageNamed:@"key_number"] forState:UIControlStateNormal];
            }
        }else {
            btn.frame = CGRectMake(btnW * (i % column) + i % column * maginR + btnX, btnY + i/column * (btnH + maginC), btnW, btnH);
            [btn setBackgroundImage:[UIImage imageNamed:@"key_number"] forState:UIControlStateNormal];
        }
        [btn setTitleColor:HEXCOLOR(0x23262F, 1) forState:UIControlStateNormal];
        [btn setTitle:self.letterArr[i] forState:UIControlStateNormal];
        
        btn.layer.cornerRadius = 3;
        btn.layer.masksToBounds = YES;
        btn.tag = i;
        [btn addTarget:self action:@selector(btn2Click:) forControlEvents:UIControlEventTouchUpInside];
        [_backView2 addSubview:btn];
    }
}

- (void)btn1Click:(UIButton *)sender {
    
    // NSLog(@" >>> provinceArr: - %@ -- tag - %zd", self.provinceArr[sender.tag],sender.tag);
    _btn.enabled = YES;
    if (sender.tag == 30) {
        //  NSLog(@"点击了abc键");
        if (_backView2.hidden) {
            // NSLog(@"_backView2 隐藏了");
            _backView1.hidden = YES;
            _backView2.hidden = NO;
        }else {
            sender.enabled = NO;
        }
        
    }else if (sender.tag == 38){
        // 点击删除键
        if (_backView2.hidden) {
            [self deleteBtnClick];
        }
    }else {
        //点击汉字字母或者数字键
        _backView1.hidden = YES;
        _backView2.hidden = NO;
        if(self.textField.text.length < LicenseLength){
            [self.textField insertText:self.provinceArr[sender.tag]];
        }
    }
}

- (void)btn2Click:(UIButton *)sender {
    
    if (sender.tag == 29) {
        // NSLog(@"点击了abc键");
        _backView1.hidden = NO;
        _backView2.hidden = YES;
        
    }else if (sender.tag == 37) {
        //  NSLog(@"点击了删除键");
        
        [self deleteBtnClick];
        
    }else {
        if(self.textField.text.length < LicenseLength){
            [self.textField insertText:self.letterArr[sender.tag]];
        }
        
    }
}
- (void)deleteBtnClick{
    [self.textField deleteBackward];
    
    if (self.textField.text.length == 1) {
        //删除完了，没有字符可以删除了，切换显示的view
        [self deleteEnd];
    }
}
/**
 如果textfield删除完毕，则显示省份
 */
- (void)deleteEnd {
    _backView1.hidden = NO;
    _backView2.hidden = YES;
}

//通知的监听方法
- (void)textFAction:(NSNotification *)notification {
    
    // NSLog(@" >> info -- %@", notification.userInfo);
    NSString *str = notification.userInfo[@"text"];
    if (str.length == 0) {
        _btn.enabled = NO;
    }else if (str.length == 7) {
        [self hiddenView];
    }else {
        _backView1.hidden = YES;
        _backView2.hidden = NO;
        _btn.enabled = YES;
    }
}

//初次弹出键盘时
- (void)showWithString:(NSString *)string {
    //  NSLog(@" >> string -- %@", string);
    
    _backView1.hidden = YES;
    _backView2.hidden = NO;
    _btn.enabled = YES;
}

//收回键盘
- (void)hiddenView {
    
    CGSize size = [UIScreen mainScreen].bounds.size;
    [UIView animateWithDuration:0.3 animations:^{
        CGRect frame = self->_backView1.frame;
        frame.origin.y = size.height;
        self->_backView1.frame = frame;
    } completion:^(BOOL finished) {
        [self removeFromSuperview];
    }];
    
    [UIView animateWithDuration:0.3 animations:^{
        CGRect frame = self->_backView2.frame;
        frame.origin.y = size.height;
        self->_backView2.frame = frame;
    } completion:^(BOOL finished) {
        [self removeFromSuperview];
    }];
}

//手势的代理方法
#pragma mark >> UIGestureRecognizerDelegate
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch {
    if ([touch.view isDescendantOfView:_backView1] ||
        [touch.view isDescendantOfView:_backView2] ) {
        
        return NO;
    }
    return YES;
}

//销毁通知
- (void)dealloc {
    
    [[NSNotificationCenter defaultCenter] removeObserver:self];
}

@end

 

 

 使用：

 

该封装使用了四张图片：

 

转载于:https://www.cnblogs.com/hualuoshuijia/p/10007452.html

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值