微博项目中的键盘工具条

项目中的键盘工具条不能使用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];

}