先上图再说话#

123.png

最近公司项目需求要做一个自定义价格键盘，虽说网上应该有很多demo，但是...还是自己做一个吧~也方便日后维护.

这次封装的键盘采用的是xib+代码的形式创建的,因为头部还有另外一个样式，所以第二个样式(如下图)就采用代码来创建了。

33.png

如何切换样式？

• 根据setter方法赋值的同时重新更新约束

- (void)setSaleType:(SaleType)saleType{
    _saleType = saleType;
    if (saleType == SaleTypeResell) {
        self.selTextField = self.priceTextField; 
        self.topView.hidden = NO;
        
        [self.toLabel removeFromSuperview];
        [self.priceLabel1 removeFromSuperview];
        [self.priceTextField1 removeFromSuperview];
        [self.priceTextField2 removeFromSuperview];
        
    }else if (saleType == SaleTypewant2By){
        
        self.topView.hidden = YES;
        self.selTextField = self.priceTextField1;
        
        [self addSubview:self.priceLabel1];
        [self addSubview:self.toLabel];
        [self addSubview:self.priceTextField1];
        [self addSubview:self.priceTextField2];
        
        [self configWant2ByConstrains];   
    }   
}

验证输入字符方法

- (BOOL)checkWith:(NSString *)str{
    
    BOOL res = YES;
    
    // 开头已经有0
    if ([self.selTextField.text isEqualToString:@"0"]) {
        if ([str isEqualToString:@"0"]) {
            return NO;
        }else if (![str isEqualToString:@"."]){
            self.selTextField.text = @"";
        }
    }
    
    // 最高100万
    if ([[self.selTextField.text stringByAppendingString:str] doubleValue] > 1000000) return NO;
    
    // 小数点后面的处理
    if ([self.selTextField.text containsString:@"."]){
        NSRange range = [self.selTextField.text rangeOfString:@"."];
        NSString *subStr = [self.selTextField.text substringFromIndex:range.location+1];
        if (subStr.length == 2) return NO;
        if ([str isEqualToString:@"."]) return NO;
    }
    return res;
}

//紧接着点击数字的方法
- (IBAction)didClick1{
    NSString *str = @"1";
    if (![self checkWith:str]) return;
    self.selTextField.text = [self.selTextField.text stringByAppendingString:str];
}
...

1. 处理开头有0
2. 需求是不能大于100万
3. 小数点后面的细节处理

对外公开的方法

// 显示键盘的方法
- (void)show{
    if (self.need_coverView) {
        [self.superview addSubview:self.coverView];
        [self.superview bringSubviewToFront:self];
        [self.coverView mas_makeConstraints:^(MASConstraintMaker *make) {
            make.edges.mas_equalTo(UIEdgeInsetsMake(0, 0, 0, 0));
        }];
        [self mas_makeConstraints:^(MASConstraintMaker *make) {
            make.height.mas_equalTo(self.contentHeight);
            make.left.right.bottom.mas_equalTo(self.superview);
        }];
        
    }
    if (self.saleType == SaleTypewant2By) [self.priceTextField1 becomeFirstResponder];
    else [self.priceTextField becomeFirstResponder];
}

为键盘添加外部灰色遮罩,同时将键盘显示出来(其实此处可以加点动画).

// // 隐藏键盘
- (void)dismiss{
    [self.coverView removeFromSuperview];
    [self removeFromSuperview];
}

// 重置键盘
- (void)reset{
    self.priceTextField.text = @"";
    self.oriPriceTextField.text = @"";
    self.priceTextField1.text = @"";
    self.priceTextField2.text = @"";
}

然后提供对外的代理方法

- (void)salePriceKeyboardViewDidClickDismiss:(JFSalePriceKeyboardView *)priceKeyboardView;

- (void)salePriceKeyboardViewDidClickBack:(JFSalePriceKeyboardView *)priceKeyboardView;

- (void)salePriceKeyboardViewDidClickConfirm:(JFSalePriceKeyboardView *)priceKeyboardView;

<b>另外要注意的是：点击textfield如何不弹出系统的键盘？

self.priceTextField.inputView=[[UIView alloc]initWithFrame:CGRectZero];

最后

在Controller里调用键盘：

[self.view addSubview:self.priceKeyboardView];
[self.priceKeyboardView show];

这里只是对键盘View的一个封装，具体的业务逻辑每个公司不一样，就不放出来了。<a href="https://github.com/DreamCatcherJ/SalePriceKeyboardView">代码在这里</a>
❤️别忘了点个赞哦~