iOS开发小技巧--微博项目中的键盘工具条

微博项目中的键盘工具条

项目中的键盘工具条不能使用inputAccessoryView,因为inputAccessoryView不能实现键盘隐藏的时候,工具条还显示在眼前,如图:

• 所以,果断决定将工具条添加到控制器View上面

/// 初始化键盘工具条
- (void)setupKeyboardToolBar
{
    ChaosKeyboardToolbar *keyboardToolbar = [[ChaosKeyboardToolbar alloc] init];
    keyboardToolbar.height = 44;
    keyboardToolbar.x = 0;
    keyboardToolbar.y = self.view.height - keyboardToolbar.height;
    keyboardToolbar.width = self.view.width;
    // 设置代理
    keyboardToolbar.delegate = self;
    self.keyboardToolbar = keyboardToolbar;
    [self.view addSubview:keyboardToolbar];
}

• 通过监听键盘的fram变化,控制键盘工具条的位置

/// 键盘位置改变
- (void)keyboardWillChange:(NSNotification *)noti
{
    if (self.switchingKeyboard) return;

    /**
     UIKeyboardAnimationDurationUserInfoKey = "0.25";
     UIKeyboardFrameEndUserInfoKey = "NSRect: {{0, 409}, {375, 258}}";
     */
    // 动画时间
    CGFloat duration = [noti.userInfo[UIKeyboardAnimationDurationUserInfoKey] doubleValue];
    CGRect rect = [noti.userInfo[UIKeyboardFrameEndUserInfoKey] CGRectValue];
    [UIView animateWithDuration:duration animations:^{
        self.keyboardToolbar.y = rect.origin.y - self.keyboardToolbar.height;
    }];
}

• 工具条的内部实现,重点代理方法

1.工具条中按钮的点击,肯定是要通知外界的,外界如何拿到工具条中的按钮,并且确定是哪个按钮.方法:在tag上绑定了枚举类型

<1>

typedef enum
{
    ChaosKeyboardToolbarButtonTypeCamera, // 相机按钮
    ChaosKeyboardToolbarButtonTypePicture, // 相册按钮
    ChaosKeyboardToolbarButtonTypeMention, // @按钮
    ChaosKeyboardToolbarButtonTypeTrend, // #按钮
    ChaosKeyboardToolbarButtonTypeEmoticon, // 表情按钮

} ChaosKeyboardToolbarButtonType;

<2>抽取了初始化按钮的方法,方法中有按钮类型的参数type(枚举值),在tag上绑定

- (void)setButtonWithImage:(NSString *)image highlightImage:(NSString *)highlightImage type:(ChaosKeyboardToolbarButtonType)type
{
    UIButton *btn = [[UIButton alloc] init];
    [btn setImage:[UIImage imageNamed:image] forState:UIControlStateNormal];
    [btn setImage:[UIImage imageNamed:highlightImage] forState:UIControlStateHighlighted];

    [btn addTarget:self action:@selector(toolbarBtnClick:) forControlEvents:UIControlEventTouchUpInside];
    // tag绑定按钮类型
    btn.tag = type;
    // 给切换键盘的按钮赋值
    if (type == ChaosKeyboardToolbarButtonTypeEmoticon) {
        self.keyboardButton = btn;
    }

    [self addSubview:btn];
}

2.在按钮点击的时间中执行代理方法,将按钮的类型一起传递给外界

@protocol ChaosKeyboardToolbarDelegate <NSObject>

@optional
- (void)keyboardToolbar:(ChaosKeyboardToolbar *)toolbar didClickBtn:(ChaosKeyboardToolbarButtonType)type;

@end

- (void)toolbarBtnClick:(UIButton *)btn
{
    if ([self.delegate respondsToSelector:@selector(keyboardToolbar:didClickBtn:)]) {
        [self.delegate keyboardToolbar:self didClickBtn:(int)btn.tag];
    }
}

• 外界通过按钮的类型来判断点击的是哪个按钮

#pragma mark - ChaosKeyboardToolbarDelegate
- (void)keyboardToolbar:(ChaosKeyboardToolbar *)toolbar didClickBtn:(ChaosKeyboardToolbarButtonType)type
{
    switch (type) {
        case ChaosKeyboardToolbarButtonTypeCamera: // 相机
            [self openCamera];
            break;
        case ChaosKeyboardToolbarButtonTypePicture: // 相册
            [self openAlbum];
            break;
        case ChaosKeyboardToolbarButtonTypeMention: // @
            ChaosLog(@"@");
            break;
        case ChaosKeyboardToolbarButtonTypeTrend: // #
            ChaosLog(@"#");
            break;
        case ChaosKeyboardToolbarButtonTypeEmoticon: // 表情
            [self switchKeyboard];
            break;
    }
}

3.外界切换普通键盘和表情键盘的方法

• <方法一>工具条内部将切换的按钮暴露出去,外界拿到直接修改图片.缺点:一旦暴露出去,可以修改的不仅仅是图片了!

• <方法二>向外界提供一个属性,外界调用此方法,工具条内部来实现图片的切换

/** 是否显示普通键盘按钮 */
@property(nonatomic,assign) BOOL showKeyboard;

重写setter

#pragma mark - 控制普通键盘和表情键盘图标
- (void)setShowKeyboard:(BOOL)showKeyboard
{
    _showKeyboard = showKeyboard;
    NSString *image = nil;
    NSString *highlightImage = nil;
    if (showKeyboard) { // 显示普通键盘

        image = @"compose_keyboardbutton_background";
        highlightImage = @"compose_keyboardbutton_background_highlighted";
    } else { // 显示表情键盘

        image = @"compose_emoticonbutton_background";
        highlightImage = @"compose_emoticonbutton_background_highlighted";
    }
    [self.keyboardButton setImage:[UIImage imageNamed:image] forState:UIControlStateNormal];
    [self.keyboardButton setImage:[UIImage imageNamed:highlightImage] forState:UIControlStateHighlighted];
}