iOS 自定义emoji表情键盘

时间:2024-10-31 12:07:32

之前走了很多弯路,包括自己定以emoji表情,自己创建view类去处理图文混排 ,当把这些焦头烂额的东西处理完了才发现 ,其实系统自带键盘是如此的方便,iOS 系统自带的表情在view,textfield,UIimageView展示时已经将uicode做过处理,直接展示成图片的形式,其实质依然是UTF8的 符号,如果你要自己定义图片,然后添加进textField 或者Label里,那你就中大奖了,图文混排 需要费很大的功夫处理。

首先 ,想要获取系统的表情,要首先知道表情对应的UTF8 的编码方式,我将其中一部分的图片展示出来 ,然后用UIButton 排列,iOS 7后又增加了300多个表情符号,这些都可以百度查到,现在上代码:

//将数字转为

#define EMOJI_CODE_TO_SYMBOL(x) ((((0x808080F0 | (x & 0x3F000) >> 4) | (x & 0xFC0) << 10) | (x & 0x1C0000) << 18) | (x & 0x3F) << 24);

定义的宏将转成UTF8,取出对应的表情符号:

//获取默认表情数组

- (NSArray *)defaultEmoticons {

NSMutableArray *array = [NSMutableArray new];

for (int i=0x1F600; i<=0x1F64F; i++) {

if (i < 0x1F641 || i > 0x1F644) {

int sym = EMOJI_CODE_TO_SYMBOL(i);

NSString *emoT = [[NSString alloc] initWithBytes:&sym length:sizeof(sym)encoding:NSUTF8StringEncoding];

[array addObject:emoT];

}

}

return array;

}

在将对应数组里的表情依次存放到UIButton里,贴出部分代码:

//获取数组

NSArray *arrEmotion = [self defaultEmoticons];

//将表情放到UIButton里

CGFloat W = 30;

CGFloat H = 30;

CGFloat X;

CGFloat Y;

for (int i = 0; i count; i ++) {

X = 10 +(W+5) * (i%10);

Y = 260 + (i/10)* (H +5);

UIButton *biaoqing =[[UIButton alloc] init];

biaoqing.backgroundColor = [UIColor redColor];

biaoqing.frame = CGRectMake(X, Y, W, H);

[self.view addSubview:biaoqing];

NSString *Str = arrEmotion[i];

[biaoqing setTitle:Str forState:UIControlStateNormal];

biaoqing.tag = i;

[biaoqing addTarget:self action:@selector(biaoqingClick:)forControlEvents:UIControlEventTouchUpInside];

}

这样就完成了 在你自定义键盘里的表情添加 ,同时设置该点击事件将表情符号添加进textField或者Label里:

- (void) biaoqingClick:(UIButton *)biaoqing{

NSArray *emoji = [self defaultEmoticons];

NSString *str = emoji[biaoqing.tag];

self.textField.text = str;

}

基本功能完成 ,效果图展示:
iOS 自定义emoji表情键盘
在后台服务器处理表情方面 ,mysql 5.4之后 就可以自动识别 uicode 的表情编码,并且经验证iOS端的表情符号在安卓上也可以识别,如果mysql的版本过低,报错无法识别uicode编码 ,可以参见服务端对emoji支持的博客:http://segmentfault.com/a/1190000000616820
未完 ,待续  后续贴出做出类似 自定义表情的展示方式 。