自定义键盘

主要思路：自定义键盘就是重新加载textfield的inputView

自定义一个可以从相册或者拍照来上传图片的键盘

第一步：对键盘进行监听

//增加监听，当键盘出现时收出消息

  [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWillShow:) name:UIKeyboardWillShowNotification object:nil];

  //增加监听，当键盘退出时收出消息

  [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWillHiden:) name:UIKeyboardWillHideNotification object:nil];

  //增加监听，当键盘改变时收出消息

  [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardChange:) name:UIKeyboardWillChangeFrameNotification object:nil];

//初始化一个View，用来放“照片”按钮

specView = [[UIView alloc] initWithFrame:CGRectMake(0, HEIGHT, WIDTH, 30)];

  specView.backgroundColor = [UIColor orangeColor];

  [self.view addSubview:specView];

第二步：

#pragma mark -- 当键盘出现时调用

-(void)keyboardWillShow:(NSNotification *)noti {

  //获取键盘高度

  NSDictionary *userInfo = noti.userInfo;

  NSValue *aValue = [userInfo objectForKey:UIKeyboardFrameEndUserInfoKey];

  CGRect keyboardRect = [aValue CGRectValue];

  int height = keyboardRect.size.height;

//创建“照片”按钮

UIButton *photoBtn = [UIButton buttonWithType:UIButtonTypeSystem];

  photoBtn.frame = CGRectMake(SP_W(20), 5, SP_W(30), 20);

  [photoBtn setTitle:@"照片" forState:UIControlStateNormal];

  [photoBtn setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];

  photoBtn.titleLabel.font = [UIFont systemFontOfSize:13];

  [photoBtn addTarget:self action:@selector(ShowPhoto:) forControlEvents:UIControlEventTouchUpInside];

  [specView addSubview:photoBtn];

//改变specView的位置，在键盘上面

[UIView animateWithDuration:0.1 animations:^{

  specView.frame = CGRectMake(0, HEIGHT - height - 30, WIDTH, 30);

  fabiaoText.frame = CGRectMake(SP_W(10), 665 - height - 50 + 30, WIDTH - SP_W(20), 40);

  }];

}

第三步：

#pragma mark -- 点击“照片”按钮事件

-(void)ShowPhoto:(UIButton *)button {

  if (isPhoto == NO) {

  [self layoutPhotoKeyboard];

//将textfield的inputView设置成自定义的视图

        textfield.inputView = photoView;

//重新加载inputView

  [ textfield reloadInputViews];

  isPhoto = YES;

  }else {

//此时将textfield的inputView设置成nil，键盘会重新换成系统键盘

        textfield.inputView = nil;

//重新加载inputView

  [ textfield reloadInputViews];

  isPhoto = NO;

  }

}

#pragma mark -- 自定义键盘的样式

-(void)layoutPhotoKeyboard {

//背景

  photoView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, WIDTH, 160)];

//相册按钮

  UIButton *xiangceBtn = [UIButton buttonWithType:UIButtonTypeSystem];

  xiangceBtn.frame = CGRectMake(SP_W(10), 10, SP_W(50), SP_W(50));

  [xiangceBtn setTitle:@"相册" forState:UIControlStateNormal];

  [xiangceBtn addTarget:self action:@selector(FromXiangce:) forControlEvents:UIControlEventTouchUpInside];

  [photoView addSubview:xiangceBtn];

//拍照按钮

  UIButton *paizhaoBtn = [UIButton buttonWithType:UIButtonTypeSystem];

  paizhaoBtn.frame = CGRectMake(CGRectGetMaxX(xiangceBtn.frame) + SP_W(20), 10, SP_W(50), SP_W(50));

  [paizhaoBtn setTitle:@"拍照" forState:UIControlStateNormal];

  [paizhaoBtn addTarget:self action:@selector(FromPaiZhao:) forControlEvents:UIControlEventTouchUpInside];

  [photoView addSubview:paizhaoBtn];

}

第四步：分别从相册和拍照获取照片

#pragma mark -- 照片 从相册获取

-(void)FromXiangce:(UIButton *)button {

  //创建对象

  UIImagePickerController *imagePicker = [[UIImagePickerController alloc] init];

  //（选择类型）表示仅仅从相册中选取照片

  imagePicker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;

  //指定代理，因此我们要实现UIImagePickerControllerDelegate,

  // UINavigationControllerDelegate协议

  imagePicker.delegate = self;

  //设置在相册选完照片后，是否跳到编辑模式进行图片剪裁。(允许用户编辑)

  imagePicker.allowsEditing = YES;

  //显示相册

  [self presentViewController:imagePicker animated:YES completion:nil];

}

#pragma mark -- 照片 拍照获取

-(void)FromPaiZhao:(UIButton *)button {

  if ([UIImagePickerController isSourceTypeAvailable:

  UIImagePickerControllerSourceTypeCamera]) {

  UIImagePickerController *imagePicker = [[UIImagePickerController alloc] init];

  imagePicker.sourceType = UIImagePickerControllerSourceTypeCamera;

  imagePicker.delegate = self;

  imagePicker.allowsEditing = YES; //允许用户编辑

  [self presentViewController:imagePicker animated:YES completion:nil];

  } else {

  //弹出窗口响应点击事件

  UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"警告"

  message:@"未检测到摄像头" delegate:nil cancelButtonTitle:nil

  otherButtonTitles:@"确定", nil, nil];

  [alert show];

  }

}

//图片完成之后处理

- (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingImage:(UIImage *)image editingInfo:(NSDictionary *)editingInfo {

  //image 就是修改后的照片

//将image放到你想要放的地方就行了

  //结束操作

  [self dismissViewControllerAnimated:YES completion:nil];

}

自定义表情键盘和上面的原理一样，只是代码比这个稍微复杂点，稍后整理。。。

效果图：灰色部分是键盘，再点击一次照片，会换成系统键盘