iOS自定义数字键盘

美观简洁的数字键盘,支持小数、整数、负数、文本长度的控制

效果图

EBNumberTextField.gif

github地址:https://github.com/woheduole/EBCustomControls

调用示例

    EBNumberTextField *textField = [[EBNumberTextField alloc] initWithFrame:CGRectMake(115, y, 150, 30)];
    // 键盘类型
    textField.numberKeyboardType = EBNumberKeyboardTypeInteger;
    // 文本长度
    textField.maxLength = 5;
    [self.view addSubview:textField];

实现步骤

  • 定义一个键盘视图EBNumberKeyboardView在里面写好布局,代码没什么难点,这里就不贴出布局代码了,代理里面我定义了四个回调方法。
@protocol EBNumberKeyboardViewDelegate <NSObject>
@optional
// 输入数字、小数点、负号
- (void)numberKeyboardViewEditing:(EBNumberKeyboardView *)keyboardView text:(NSString*)text;
// 点击完成输入
- (void)numberKeyboardViewEndEditing:(EBNumberKeyboardView *)keyboardView;
// 删除字符
- (void)numberKeyboardViewDeleteText:(EBNumberKeyboardView *)keyboardView;
// 清空文本
- (void)numberKeyboardViewClearText:(EBNumberKeyboardView *)keyboardView;
@end
  • 定义一个继承自UITextField的视图EBNumberTextField,在里面指定self.inputView = "定义的键盘视图"。
- (instancetype)initWithFrame:(CGRect)frame {
    if (self = [super initWithFrame:frame]) {
        _maxLength = 0;
        EBNumberKeyboardView *numberKeyboardView = [[EBNumberKeyboardView alloc] initWithKeyboardType:EBNumberKeyboardTypeDecimal];
        numberKeyboardView.delegate = self;
        self.inputView = numberKeyboardView;
        /*
         1.当使用第三方键盘管理类IQKeyboardManager,禁用toolBar
         2.如果没有用到第三方键盘管理可以不加这行代码
         3.可以把[UIView new]替换成一个自定义的视图来实现IQKeyboardManager的toolbar功能
         */
        self.inputAccessoryView = [UIView new];
        _numberKeyboardView = numberKeyboardView;
    }
    return self;
}

#pragma mark - EBNumberKeyboardViewDelegate
// 输入数字、小数点、负号
- (void)numberKeyboardViewEditing:(EBNumberKeyboardView *)keyboardView text:(NSString*)text {
    if ([text isEqualToString:kEBNumberKeyboardViewDotKey]) {
        // 小数点不能在第一位并且只能有一个小数点
        if (self.text.length == 0
            || [self.text rangeOfString:kEBNumberKeyboardViewDotKey].location != NSNotFound) {
            return;
        }
    }else if([text isEqualToString:kEBNumberKeyboardViewMinusKey]) {
        // 负号只能在第一位
        if (self.text.length > 0) {
            return;
        }
    }
    NSString *fullText = [self.text stringByAppendingString:text];
    if (_maxLength >0 && fullText.length > _maxLength) {
        return;
    }
    [self insertText:text];
}
// 点击完成输入
- (void)numberKeyboardViewEndEditing:(EBNumberKeyboardView *)keyboardView {
    [self resignFirstResponder];
}
// 删除字符
- (void)numberKeyboardViewDeleteText:(EBNumberKeyboardView *)keyboardView {
    [self deleteBackward];
}
// 清空文本
- (void)numberKeyboardViewClearText:(EBNumberKeyboardView *)keyboardView {
    self.text = @"";
}

注意:
调用[self insertText:text]插入输入文本,这样光标在哪,插入的代码就在哪。
通过[self deleteBackward]删除文本,会从光标那里开始往前删除。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 来自产品经理的"简单"需求一则 需求:在输入身份证号码的时候,弹出来的键盘是能够切换到字母的九宫格数字键盘。(左边...
    伊尔今夏阅读 10,573评论 5 33
  • 在开发中经常碰到一些会用到自定义的数字键盘的,这些一般都是随机或者按照一定的规则来生成的数字键盘,这段时间刚好有这...
    fuaiyi阅读 2,225评论 0 2
  • 在网上找了很多,都不能用.找到了这个 给大家分享下,五分钟搞定 不用引用头文件跟三方库 UIImage *qrco...
    井空烀地瓜阅读 669评论 0 0
  • 上一节总结的主要的流程是 收集搜索-筛选明确-练习(辅助资源)-(写作,ppt,演讲)输出 聚焦于输出的学习,自然...
    whalecao阅读 511评论 0 0
  • 刻意练习的时间是重要的差别,最杰出的人是那些在各种有目的的练习中花了最多时间的人. 刻意练习的几个特点: 1.刻意...
    一竺阅读 182评论 0 0