文档章节

Android表情的处理方案记录

叶大侠
 叶大侠
发布于 2015/07/21 13:27
字数 1206
阅读 2572
收藏 73

   

我们的目标,就是把表情的编码变成图片显示在文字中。在Android中,TextView本身已经支持了图文混排的样式。因此,在文字中插入一张表情图片并不困难,用下面的代码就可以做到了:

ImageSpan faceSpan = new ImageSpan(context, bmFace);
spannable.setSpan(faceSpan, faceStrat, faceEnd, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

不过,事情往往没那么简单,让我们逐步看看会遇到什么问题。


1. 不同屏幕的表情如何适配?

为了尽量减少安装包的大小,表情肯定只能放一份在drawable中。那么,为了让表情在不同屏幕中显示的效果保持一致,我们就要设计成让表情图片可以按照dp的单位进行缩放。

faceSize = dpToPx(dp);
Bitmap bmFace = Bitmap.createScaledBitmap(bmSrcFace, faceSize, faceSize, true);

在表情不多的情况下,每一次都对表情图片进行缩放处理是没有什么问题的,但是我们都不知道用户究竟会输入多少表情。所以,为了减少表情的处理,我们需要对缩放后的表情图片进行缓存,以后直接取缩放的图片就好了。


2. 如何对缩放后的表情进行缓存?

在客户端的缓存设计中,一般都是采用这种三级的缓存策略,其中最下面的那层可能是来自远程服务器的。

这样,我们可以把表情的key值设计成:

drawable://drawableName?w=10&h=10

其中,drawableName是R.drawable.expression_smile 中的 "expression_smile" 部分, w为要取得表情图片的宽度,h为高度。

 单个表情的加载逻辑就大致如下:

Bitmap bmFace = memeryCache.getKey(faceDrawableUri);
if(bmFace == null){
   bmFace = diskCache.getKey(faceDrawableUri);
   if(bmFace == null){
       int drawableId = getDrawableIdFromUri(faceDrawableUri);
       int width = getDestWidth(faceDrawableUri);
       int height = getDestHeight(faceDrawableUri);
       Bitmap srcBitmap = loadFromDrawable(drawableId);
       bmFace = resize(srcBitmap , width , height );
       saveToDisk(bmFace);   
       memeryCache.putKey(faceDrawableUri,bmFace);
   }
}
return bmFace;

当然,这里还会牵涉到比较复杂的各级缓存池管理问题,我们在这里不展开。如果你是采用universalimageloader这个库的,那么你要做的就只是继承BaseImageDownloader,然后重写getStreamFromDrawable方法就可以了。

这里值得一提的是:为什么要用图片的名字,而不是drawable的Id值呢?要在drawable中加载图片是要使用int类型的Id值的呀!原因就是系统在R文件中生成的Id值每一次重新编译后产生的值都是不一样的,因此不能作为缓存的key, 所以需要多一步的反射R文件,把drawable的Id值取出来:

public static int getDrawableIdByName(String faceValue){
	if(DRAWABLE_ID_MAP.containsKey(faceValue)){  // DRAWABLE_ID_MAP用来缓存Drawable的Id
           return DRAWABLE_ID_MAP.get(faceValue);
	}
		
	try {
		Class<?> drawableClazz = R.drawable.class;
		java.lang.reflect.Field field = drawableClazz.getField(faceValue);
		int drawableId = field.getInt(DRAWABLE_INSTANCE);
		DRAWABLE_ID_MAP.put(faceValue, drawableId);
		return drawableId;
	} catch (NoSuchFieldException e) {
		DLog.e("the drawable " + faceValue + " doesn't exsits...");
		e.printStackTrace();
	} catch (IllegalAccessException e) {
		e.printStackTrace();
	} catch (IllegalArgumentException e) {
		// TODO Auto-generated catch block
		e.printStackTrace();
	}
	return -1;
}

到这里为止,我们的表情图片尽可能快地获取到了。我们总结一下表情是如何加载到我们的文字中的先:

这里的关键就是ImageSpan对象所需要的表情图片的处理过程了,优先取内存中处理好的表情,这样的处理无疑可以加快了表情图片的加载速度,代价就是需要损耗更多的存储空间,对于用户体验的提示,这点空间不算太大,比如:

这里的表情有两种大小,那么,最终最多会在手机端产生3中尺寸的表情,按照表情的原大小5K一个计算,那一百个也就是1M左右,这是完全可以接受的。


3. 如何在ListView中进一步优化流畅度?

表情的处理到这里还没结束,如果你是要在ListView的Item中添加大量的表情,到目前为止,你还是会感到有比较强烈的卡顿现象的。没猜错的话,你应该是在ListAdapter的getView方法中对字符串进行了处理:


@Override
public View getView(final int position, View convertView, ViewGroup parent) {	
	...
        Model data = listData.get(position);
        CharSequence textSpannable = addFaceStyle(data.content);
	textView.setText(textSpannable);
}

这样相当于在UI线程进行了表情的处理,优化思路也比较明确,把addFaceStyle()的过程在后台返回的过程中就处理好,这样,content一开始就是添加了各种样式(包括表情,@人等样式)的Spannable类型对象。

//backgroud thread
public void doBackgroud(){
	Model data = requestRemote();
	data.content = addFaceStyle(data.content);
}

到此为此,出现较多的表情的ListView也能得到不错的流畅度了,优化是永无止境的,让我们先告一段落吧。


也可以阅读: http://www.darcye.com/article/63343732

© 著作权归作者所有

共有 人打赏支持
叶大侠

叶大侠

粉丝 57
博文 44
码字总数 67312
作品 5
广州
程序员
加载中

评论(6)

MarkJane
MarkJane
202105134
BeMyself
BeMyself
如何处理系统表情啊!
杰乐优
杰乐优
不错哦
王爵nice
王爵nice
mark
博文2014
博文2014
我知道了。
jonnykay
jonnykay
mark
Android P 版本号为 9,第三个开发者预览版有这些变化

近日,Google 如期放出了 Android P 的第三个开发者预览版(以下简称 DP3)。DP3 主要面向应用开发者,将该版本操作系统的 API 等级正式确定为 API level 28,开发者可以借助相关的 SDK 面向...

h4cd
06/10
0
0
android 键盘状态,获取键盘显示和隐藏

要设置弹出键盘是否覆盖Activity的view,或者软键盘的显示隐藏状态,需要用到Activity的一个属性: android:windowSoftInputMode 该属性在AndroidManifest.xml中设置,如下: <activity andr...

Remix_jx
2015/01/18
0
0
Multidex记录二:缺陷&解决

个人博客地址 http://dandanlove.com/ Multidex记录一:介绍和使用 Multidex记录二:缺陷&解决 记录Multidex缺陷&解决 为什么要用记录呢,因为我从开始接触Android时我们的项目就在65535的边...

静默加载
前天
0
0
Android有用代码片断(五)

不知不觉中,就收集了超过70条的自己感觉有意思的代码片段,分为三篇文章:android有用代码片段、Android有用代码片段(二)、Android有用代码片段(三)、Android有用代码片段(四)这三篇,...

curitis
2012/05/18
0
0
手把手教你读取Android版微信和手Q的聊天记录(仅作技术研究学习)

本文内容来自京东“刘伶已”的技术分享。 1、引言 特别说明:本文内容仅用于即时通讯技术研究和学习之用,请勿用于非法用途。如本文内容有不妥之处,请联系JackJiang进行处理! 我司有关部门...

JackJiang2011
10/08
0
0

没有更多内容

加载失败,请刷新页面

加载更多

CentOS7防火墙firewalld操作

firewalld Linux上新用的防火墙软件,跟iptables差不多的工具。 firewall-cmd 是 firewalld 的字符界面管理工具,firewalld是CentOS7的一大特性,最大的好处有两个:支持动态更新,不用重启服...

dingdayu
今天
1
0
关于组件化的最初步

一个工程可能会有多个版本,有国际版、国内版、还有针对各种不同的渠道化的打包版本、这个属于我们日常经常见到的打包差异化版本需求。 而对于工程的开发,比如以前的公司,分成了有三大块业...

DannyCoder
今天
2
0
Spring的Resttemplate发送带header的post请求

private HttpHeaders getJsonHeader() { HttpHeaders headers = new HttpHeaders(); MediaType type = MediaType.parseMediaType("application/json; charset=UTF-8"); ......

qiang123
昨天
3
0
Spring Cloud Gateway 之 Only one connection receive subscriber allowed

都说Spring Cloud Gateway好,我也来试试,可是配置了总是报下面这个错误: java.lang.IllegalStateException: Only one connection receive subscriber allowed. 困扰了我几天的问题,原来...

ThinkGem
昨天
27
0
学习设计模式——观察者模式

1. 认识观察者模式 1. 定义:定义对象之间一种一对多的依赖关系,当一个对象状态发生变化时,依赖该对象的其他对象都会得到通知并进行相应的变化。 2. 组织结构: Subject:目标对象类,会被...

江左煤郎
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部