关闭

自定义数字键盘

标签: 自定义数字键盘
137人阅读 评论(0) 收藏 举报
分类:

上周公司项目 要求做支付充值 弹出的数字键盘 可以跟支付宝一样,系统自带的外观不好看,要想做到像支付宝那样,想了想也就自己自定义做了。

做完后发现也不难。

UITextField 有一个inputView的属性 这个属性 就是弹出键盘的View,将自定义的键盘的View赋值给inputView 实现了 弹出自定义键盘。

这里写图片描述

实现的步骤如下:
用一个UIView 搭建键盘 UI

//  CZKeyBoardView.h
//
//  Created by  location on 16/9/20.

#import <UIKit/UIKit.h>

@class CZKeyBoardView;

typedef enum {
    CZKeyBoardBtnTypeHid = 11,//隐藏键盘
    CZKeyBoardBtnTypeDelete = 12,//删除
    CZKeyBoardBtnTypeSure = 13//确定

}CZKeyBoardBtnType;

@protocol CZKeyBoardViewDelegate <NSObject>

- (void)keyBoardView:(CZKeyBoardView *)keyBoardView didClickSureBtn:(UIButton *)btn;

@end


@interface CZKeyBoardView : UIView

@property (nonatomic,strong) UITextField *textF;

+ (instancetype)shareKeyBoard;

@property (nonatomic,weak) id<CZKeyBoardViewDelegate>delegate;

界面实现比较简单,在点m文件中,记得声明一个UITextField的属性

@property (nonatomic, weak) UITextField<UITextInput> *textInput;

监听通知 UITextFieldTextDidBeginEditingNotification 实现该通知的方法

- (void)inputTextAction:(NSNotification *)notifacation
{
    self.textInput = notifacation.object;
}

该通知实现 我的理解是 替换系统的输入 换成自定义的输入

接下来就是实现相应的输入文本 添加 ,删除 ,确定
通过查看UITextInput 的协议文件 我们发现 它有如下几个属性
这里写图片描述

通过了解得知,

- (void)insertText:(NSString *)text;

是将文本不断添加插入

- (void)deleteBackward;

是将文本从后往前按照长度为1删除

所以实现相应点击按钮的点击事件
点击数字实现文本添加:点击删除实现文本删除
代码如下:

if (btn.titleLabel.text.length == 1) {
        [self.textInput insertText:btn.titleLabel.text];
    }

    switch (btn.tag) {
        case CZKeyBoardBtnTypeHid:
            [self.textInput endEditing:YES];
            break;
        case CZKeyBoardBtnTypeDelete:
            [self.textInput deleteBackward];
            break;
        case CZKeyBoardBtnTypeSure:
            if ([self.delegate respondsToSelector:@selector(keyBoardView:didClickSureBtn:)]) {
                [self.delegate keyBoardView:self didClickSureBtn:btn];
            }
            [self.textInput endEditing:YES];
            break;
        default:
            break;
    }

这样自定义的数字键盘就做好了

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:11681次
    • 积分:554
    • 等级:
    • 排名:千里之外
    • 原创:46篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类