iOS高仿微信表情输入功能代码分享

 更新时间:2016年11月14日 16:41:35   作者:pretty guy  
最近项目需求,要实现一个类似微信的的表情输入功能,今天小编抽空给大家分享iOS高仿微信表情输入功能代码,非常不错,感兴趣的朋友参考下吧

最近项目需求,要实现一个类似微信的的表情输入,于是把微信的表情扒拉出来,实现了一把。可以从这里下载源码。看起来表情输入没有多少东西,不外乎就是用NSTextAttachment来实现图文混排,结果在实现的过程中遇到了很多小问题,接下来会一一介绍遇到过的坑。先上一张效果图:

一、实现表情选择View(WKExpressionView)

具体的实现就不细说了,主要功能就是点击表情时,将对应表情的图片名称通知给delegate。

二、实现表情textView(WKExpressionTextView)

WKExpressionTextView继承自UITextView, 提供
- (void)setExpressionWithImageName:(NSString *)imageName fontSize:(CGFloat)fontSize方法,用于根据图片插入表情。 具体实现:

//富文本
WKExpressionTextAttachment *attachment = [[WKExpressionTextAttachment alloc] initWithData:nil ofType:nil];
UIImage *image = [UIImage imageNamed:imageName];
attachment.image = image;
attachment.text = [WKExpressionTool getExpressionStringWithImageName:imageName];
attachment.bounds = CGRectMake(0, 0, fontSize, fontSize);
NSAttributedString *insertAttributeStr = [NSAttributedString attributedStringWithAttachment:attachment];
NSMutableAttributedString *resultAttrString = [[NSMutableAttributedString alloc] initWithAttributedString:self.attributedText];
//在当前编辑位置插入字符串
[resultAttrString insertAttributedString:insertAttributeStr atIndex:self.selectedRange.location];
NSRange tempRange = self.selectedRange;
self.attributedText = resultAttrString;
self.selectedRange = NSMakeRange(tempRange.location + 1, 0);
[self.textStorage addAttributes:@{NSFontAttributeName : [UIFont systemFontOfSize:_defaultFontSize]} range:NSMakeRange(0, self.attributedText.length)];
[self scrollRangeToVisible:self.selectedRange];
[self textChanged];

其中WKExpressionTextAttachment继承自NSTextAttachment, 并新增text字段,为了保存表情对应的文本,用于复制粘贴操作。

@interface WKExpressionTextAttachment : NSTextAttachment
@property (nonatomic, copy) NSString *text;
@end

WKExpressionTool的提供将普通字符串转换为富文本的方法,主要用于复制时生成表情。

主要方法

+ (NSAttributedString *)generateAttributeStringWithOriginalString:(NSString *)originalString fontSize:(CGFloat)fontSize
{
NSError *error = NULL;
NSMutableAttributedString *resultAttrString = [[NSMutableAttributedString alloc] initWithString:originalString];
NSRegularExpression *regex = [NSRegularExpression regularExpressionWithPattern:@"\\[[a-zA-Z0-9\u4e00-\u9fa5]{1,}\\]" options:NSRegularExpressionAllowCommentsAndWhitespace error:&error];
NSArray *results = [regex matchesInString:originalString options:NSMatchingReportCompletion range:NSMakeRange(0, originalString.length)];
if (results) {
for (NSTextCheckingResult *result in results.reverseObjectEnumerator) {
NSRange resultRange = [result rangeAtIndex:0];
NSString *stringResult = [originalString substringWithRange:resultRange];
NSLog(@"%s %@\n", __FUNCTION__, stringResult);
NSAttributedString *expressionAttrString = [self getAttributeStringWithExpressionString:stringResult fontSize:fontSize];
[resultAttrString replaceCharactersInRange:resultRange withAttributedString:expressionAttrString];
}
}
return resultAttrString;
}

/**
* 通过表情生成富文本
*
* @param expressionString 表情名
* @param fontSize 对应字体大小
*
* @return 富文本
*/
+ (NSAttributedString *)getAttributeStringWithExpressionString:(NSString *)expressionString fontSize:(CGFloat)fontSize
{
NSString *imageName = [self getExpressionStringWithImageName:expressionString];
WKExpressionTextAttachment *attachment = [[WKExpressionTextAttachment alloc] initWithData:nil ofType:nil];
UIImage *image = [UIImage imageNamed:imageName];
attachment.image = image;
attachment.text = [WKExpressionTool getExpressionStringWithImageName:imageName];
attachment.bounds = CGRectMake(0, 0, fontSize, fontSize);
NSAttributedString *appendAttributeStr = [NSAttributedString attributedStringWithAttachment:attachment];
return appendAttributeStr;
}

至此,基本功能实现完成。 接下来说说遇到的小问题

编辑是应该对应selectedRange

复制粘贴操作需要重新实现

textView在插入NSTextAttachment后,会默认把font的size修改为12,需要记录默认的size

对应selectedRange操作

具体的操作查看源码

重新实现copy、cut方法

进行复制、粘贴操作会发现,不能对图片进行复制,所以需要自己重写copy、cut方法

- (void)copy:(id)sender
{
NSAttributedString *selectedString = [self.attributedText attributedSubstringFromRange:self.selectedRange];
NSString *copyString = [self parseAttributeTextToNormalString:selectedString];
UIPasteboard *pboard = [UIPasteboard generalPasteboard];
if (copyString.length != 0) {
pboard.string = copyString;
}
}
- (void)cut:(id)sender
{
[self copy:sender];
NSMutableAttributedString *originalString = [[NSMutableAttributedString alloc] initWithAttributedString:self.attributedText];
[originalString deleteCharactersInRange:self.selectedRange];
self.attributedText = originalString;
NSLog(@"--%@", NSStringFromRange(self.selectedRange));
[self textChanged];
}

记录默认font的size

利用实例变量defaultFontSize,在WKExpressionTextView实例化时记录self.font.pointSize,以后需要取font的size时,直接取defaultFontSize

@interface WKExpressionTextView : UITextView
@property (nonatomic, assign) CGFloat defaultFontSize;
@end
@implementation WKExpressionTextView
{
CGFloat _defaultFontSize;
}
- (void)awakeFromNib
{
[self setup];
}
- (instancetype)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self) {
[self setup];
}
return self;
}
- (void)setup
{
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textChange:) name:UITextViewTextDidChangeNotification object:self];
_defaultFontSize = self.font.pointSize;
self.delegate = self;
}

以上所述是小编给大家介绍的iOS高仿微信表情输入功能代码分享,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • IOS 开发之UISearchBar 详解及实例

    IOS 开发之UISearchBar 详解及实例

    这篇文章主要介绍了IOS 开发之UISearchBar 详解及实例的相关资料,主要介绍 IOS UISearchBar的使用,附有实例代码,需要的朋友可以参考下
    2016-12-12
  • iOS 10 Today Widget解析

    iOS 10 Today Widget解析

    这篇文章主要为大家详细解析了iOS 10 Today Widget,说一说iOS 10的适配问题,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • iOS 开发之 - 关闭键盘 退出键盘 的5种方式

    iOS 开发之 - 关闭键盘 退出键盘 的5种方式

    这篇文章主要介绍了iOS 开发之 - 关闭键盘 退出键盘 的5种方式的相关资料,需要的朋友可以参考下
    2016-09-09
  • iOS页面跳转及数据传递(三种)

    iOS页面跳转及数据传递(三种)

    本文主要介绍了iOS页面跳转的三种方法及数据传递的方法。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • 一行iOS代码实现图片无限轮播器

    一行iOS代码实现图片无限轮播器

    一行iOS代码实现图片无限轮播器的方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • 详解iOS页面传值(顺传 逆传)

    详解iOS页面传值(顺传 逆传)

    本文主要介绍了iOS页面传值(顺传 逆传)的方法。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • IOS轻松几步实现自定义转场动画

    IOS轻松几步实现自定义转场动画

    这篇文章将讲述几个步骤实现转场动画的自定义方式,并且给出了示例代码,毕竟代码才是我们的语言,这样比较容易上手。下面来一起看看吧。
    2016-09-09
  • Flutter ScrollController滚动监听及控制示例详解

    Flutter ScrollController滚动监听及控制示例详解

    这篇文章主要为大家介绍了Flutter ScrollController滚动监听及控制示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • IOS 中XAMPP配置问题及解决方法

    IOS 中XAMPP配置问题及解决方法

    这篇文章主要介绍了IOS 中XAMPP配置问题及解决方法的相关资料,需要的朋友可以参考下
    2017-06-06
  • iOS中sqlite数据库的原生用法

    iOS中sqlite数据库的原生用法

    这篇文章主要为大家详细介绍了iOS中sqlite数据库的原生用法,sqlite数据库相信各位早已耳闻,非常轻巧的一个数据库,数据库仅一个文件,即建即用,感兴趣的小伙伴们可以参考一下3
    2016-05-05

最新评论