谈UITextView、UITextField的InPutView和AccessoryInputView的便利

无论是富媒体输入还是聊天表情输入,都经常切换系统键盘和自定义输入View。跟Android不一样的是,iOS需要在输入控件如UITextView聚焦才能出现键盘,默认情况下一旦输入控件失焦点有没有切换到其他输入控件的时候,键盘随之消失。尽管,可以通过text属性添加响应内容,但是没有光标的位置提示总是个缺陷。

如腾讯的微信和手Q的iOS版都是没有很好处理光标问题,特别是微信iOS版的表情输入还是显示“[/微笑]”字符串。还好我看到的新浪微博对这个处理perfect。那么以下就是开始我们的主题–InputView.

Scenes:

  1. 输入框的键盘消失后,焦点还在。
  2. 输入框的能够显示表情。
  3. 获取输入框的内容时候,表情转换成对应字符串。
  4. 表情输入和系统键盘切换。

Think:

  1. 默认情况下,系统盘消失后UITextViewUITextField的焦点都会消失,这种情况不像Android开发可以单独呼出键盘和降下键盘,只能选择InputView。
  2. UITextView添加表情通过NSTextAttachment.image这个属性插入图片。
  3. 显示了表情后,获取带表情内容需要切换成对应字符串,继承NSTextAttachment的子类多定义一个NSString类型emotionStr,在编写一个NSAttributeString的Category进行处理字符转换。
  4. 切换系统键盘和表情键盘通过监听键盘的Show和Hide的通知,将UITextViewUITextField的InputView设置成nil。
  5. 并且使用自定义的UIView作为UITextViewUITextFieldinputAccessoryView属性作为切换键盘按钮。

Step Processes:

1.以UITextview为例,在Storyboard设计UI如下图。

11inputview1

2.关联自定义UIView作为inputAccessoryView和实例化表情面板

12inputview2

3.实现系统键盘的表情键盘

13inputview3

4.UITextview插入图片

14inputview4

5.编写NSAttributedString的Catergory实现获取表情对应的字符串

6.调用扩展方法

7.最终的效果如下

Demo地址

https://github.com/minggo620/iOSInputView.git


【原创出品 未经授权 禁止转载】
【欢迎微友分享转发 禁止公号等未经授权的转载】

151252638-032d9c5db0a140c4

微信公众号:minggo_dev
1 2 收藏 评论

相关文章

可能感兴趣的话题



直接登录
跳到底部
返回顶部