最近在搞android 新浪微博客户端，有一些心得分享
弄android客户端表情功能可以用以下思路
1.首页把新浪的表情下载到本地一文件夹种，表情图片的命名要用新浪微博表情原来的命名
比如 新浪的害羞表情是shame.gif 那么你在本地也得命名为shame.gif,命名相同主要是为了能够匹配表情对应的code.
2.把本地的表情都放进android的资源文件里----drawable下面
3.访问新浪的表情接口(新浪返回的数据类型有json和xml两种，本人用xml)，把返回的信息，利用xml解析器解析出来的信息储存在一个Emotion.java的bean里，这样就可以根据Emotion.java的code找到一一对应的资源表情图片了
4.实现一个可以让用户选择的表情界面，本人用GridView实现
5.实现点击GridView的每一个item，处理根据item的index查找对应的表情code，然后再把code利用正则把code转换为相对应的表情图片，最后表情插入EditText进行发送。

下面是具体的实现过程
1.把新浪表情图片下载到本地的实现如下：(这个可以建一个java工程进行下载)

Java代码
  1. publicvoidgetFriendList()throwsException{
  2. BlogReleaseServiceImplservice=newBlogReleaseServiceImpl();
  3. List<Emotions>list=service.getEmotion();
  4. for(Emotionsemotions:list){
  5. Stringpath=emotions.getUrl();
  6. Stringfilename=path.substring(path.lastIndexOf("/")+1,path.length());
  7. URLurl=newURL(path);
  8. HttpURLConnectionconn=(HttpURLConnection)url.openConnection();
  9. conn.setRequestMethod("GET");
  10. conn.setReadTimeout(5*1000);
  11. if(conn.getResponseCode()==200){
  12. InputStreamis=conn.getInputStream();
  13. byte[]data=readStream(is);
  14. Filefile=newFile("f:\\sina_images\\"+filename);
  15. FileOutputStreamfs=newFileOutputStream(file);
  16. fs.write(data);
  17. fs.close();
  18. }else{
  19. System.out.println("请求失败");
  20. }
  21. }
  22. }
  24. publicbyte[]readStream(InputStreamis)throwsException{
  25. ByteArrayOutputStreamos=newByteArrayOutputStream();
  26. byte[]buffer=newbyte[2048];
  27. intlen=0;
  28. while((len=is.read(buffer))!=-1){
  29. os.write(buffer,0,len);
  30. }
  31. is.close();
  32. returnos.toByteArray();
  33. }

2:把本地的表情都放进android的资源文件里----drawable下面(这个就不用多说了，直接选取所有文件复制就行了)

3:

3.1访问新浪的表情接口，把返回的信息如下：

Xml代码
  1. <emotion>
  2. <phrase>[嘻嘻]</phrase>
  3. <type>face</type>
  4. <url>http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/c2/tooth.gif
  5. </url>
  6. <is_hot>false</is_hot>
  7. <is_common>true</is_common>
  8. <order_number>0</order_number>
  9. <category></category>
  10. lt;/emotion>

3.2储存在一个Emotion.java里。Emotion.java代码如下:

Java代码
  1. packagecom.uim.microblog.model;
  3. importjava.io.Serializable;
  5. publicclassEmotionsimplementsSerializable{
  7. /**
  8. *
  9. */
  10. privatestaticfinallongserialVersionUID=1L;
  12. privateStringphrase;//表情使用的替代文字
  13. privateStringtype;
  14. privateStringurl;//表情图片存放的位置
  15. privateStringisHot;//是否为热门表情
  16. privateStringisCommon;//是否属于通用
  17. privateStringorderNumber;//该表情在系统中的排序号码
  18. privateStringcategory;//表情分类
  19. privateStringimageName;//表情名称
  21. publicStringgetImageName(){
  22. returnimageName;
  23. }
  24. publicvoidsetImageName(StringimageName){
  25. this.imageName=imageName;
  26. }
  27. publicStringgetPhrase(){
  28. returnphrase;
  29. }
  30. publicvoidsetPhrase(Stringphrase){
  31. this.phrase=phrase;
  32. }
  33. publicStringgetType(){
  34. returntype;
  35. }
  36. publicvoidsetType(Stringtype){
  37. this.type=type;
  38. }
  39. publicStringgetUrl(){
  40. returnurl;
  41. }
  42. publicvoidsetUrl(Stringurl){
  43. this.url=url;
  44. }
  45. publicStringgetIsHot(){
  46. returnisHot;
  47. }
  48. publicvoidsetIsHot(StringisHot){
  49. this.isHot=isHot;
  50. }
  51. publicStringgetIsCommon(){
  52. returnisCommon;
  53. }
  54. publicvoidsetIsCommon(StringisCommon){
  55. this.isCommon=isCommon;
  56. }
  57. publicStringgetOrderNumber(){
  58. returnorderNumber;
  59. }
  60. publicvoidsetOrderNumber(StringorderNumber){
  61. this.orderNumber=orderNumber;
  62. }
  63. publicStringgetCategory(){
  64. returncategory;
  65. }
  66. publicvoidsetCategory(Stringcategory){
  67. this.category=category;
  68. }
  73. }

3.3xm sax解析l的handler如下：

Java代码
  1. packagecom.uim.microblog.net.handler;
  3. importjava.util.ArrayList;
  4. importjava.util.List;
  6. importorg.xml.sax.Attributes;
  7. importorg.xml.sax.SAXException;
  8. importorg.xml.sax.helpers.DefaultHandler;
  10. importcom.uim.microblog.model.Emotions;
  11. importcom.uim.microblog.model.ResponseResult;
  13. publicclassBlogEmotionsHandlerextendsDefaultHandler{
  15. privateList<Emotions>list;
  17. privateEmotionsemotions;
  18. privateResponseResultresponseresult;
  20. privateStringtag=null;//正在解析的元素
  23. publicList<Emotions>getEmotionsList(){
  24. returnlist;
  25. }
  27. @Override
  28. publicvoidcharacters(char[]ch,intstart,intlength)
  29. throwsSAXException{
  30. if(tag!=null){
  31. StringtextArea=newString(ch,start,length);
  33. /**开始解析表情数据*/
  34. if("phrase".equals(tag)){
  35. emotions.setPhrase(textArea);
  36. }elseif("type".equals(tag)){
  37. emotions.setType(textArea);
  38. }elseif("url".equals(tag)){
  39. try{
  40. emotions.setUrl(textArea);
  41. StringimageName=textArea.substring(textArea.lastIndexOf("/")+1,textArea.length()-4);
  42. emotions.setImageName(imageName);
  43. }catch(Exceptione){
  44. e.printStackTrace();
  45. }
  46. }elseif("is_hot".equals(tag)){
  47. emotions.setIsHot(textArea);
  48. }elseif("is_common".equals(tag)){
  49. emotions.setIsCommon(textArea);
  50. }elseif("order_number".equals(tag)){
  51. emotions.setOrderNumber(textArea);
  52. }elseif("category".equals(tag)){
  53. emotions.setCategory(textArea);
  54. }elseif("retn".equals(tag)){
  55. responseresult.setRetn(textArea);
  56. }elseif("desc".equals(tag)){
  57. responseresult.setDesc(textArea);
  58. }
  59. }
  61. }
  63. @Override
  64. publicvoidendDocument()throwsSAXException{
  65. super.endDocument();
  66. }
  68. @Override
  69. publicvoidendElement(Stringuri,StringlocalName,StringqName)
  70. throwsSAXException{
  71. tag=null;
  72. if("mb".equals(localName)){
  74. }elseif("emotions".equals(localName)){
  75. responseresult=null;
  76. }elseif("emotion".equals(localName)){
  77. list.add(emotions);
  79. emotions=null;
  80. }
  81. }
  83. @Override
  84. publicvoidstartDocument()throwsSAXException{
  85. list=newArrayList<Emotions>();
  86. }
  88. @Override
  89. publicvoidstartElement(Stringuri,StringlocalName,StringqName,
  90. Attributesattributes)throwsSAXException{
  91. if("mb".equals(localName)){
  92. responseresult=newResponseResult();
  93. }elseif("emotions".equals(localName)){
  95. }elseif("emotion".equals(localName)){
  96. emotions=newEmotions();
  97. }
  99. tag=localName;
  100. }
  104. }

3.4sax解析

Java代码
  1. publicList<Emotions>getEmotion(){
  2. BlogGetDatagetdata=newBlogGetData();
  3. Stringresult=getdata.blogEmotionsServlet();
  4. try{
  5. //生成SAX解析对象
  6. parser=SAXParserFactory.newInstance().newSAXParser();
  7. //生成xml读取器
  8. reader=parser.getXMLReader();
  9. BlogEmotionsHandlerhandler=newBlogEmotionsHandler();
  10. //设置Handler
  11. reader.setContentHandler(handler);
  12. //指定文件，进行解析
  13. reader.parse(newInputSource(newStringReader(result)));
  14. //获取List<Emotions>
  15. emotionList=handler.getEmotionsList();
  16. }catch(ParserConfigurationExceptione){
  17. e.printStackTrace();
  18. }catch(SAXExceptione){
  19. e.printStackTrace();
  20. }catch(IOExceptione){
  21. e.printStackTrace();
  22. }
  24. returnemotionList;
  25. }

4：

4.1实现表情选择器---GridView

Xml代码
  1. <GridView
  2. android:id="@+id/blog_sendmsg_gvemotion"
  3. android:layout_width="fill_parent"
  4. android:layout_height="150sp"
  5. android:scrollbars="vertical"
  6. android:numColumns="auto_fit"
  7. android:verticalSpacing="15dp"
  8. android:background="@color/blog_list_back"
  9. android:stretchMode="columnWidth"
  10. android:gravity="center"
  11. android:visibility="gone"
  12. android:columnWidth="40dp">
  13. </GridView>

4.2 GridView的item-----gridview_emotion_item.xml

Xml代码
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <LinearLayout
  3. xmlns:android="http://schemas.android.com/apk/res/android"
  4. android:layout_width="fill_parent"
  5. android:layout_height="fill_parent">
  6. <ImageView
  7. android:id="@+id/blog_sendmsg_emotion"
  8. android:layout_width="wrap_content"
  9. android:layout_height="wrap_content"
  10. android:layout_weight="50"
  11. android:layout_gravity="center">
  12. </ImageView>
  13. </LinearLayout>

4.3代码加载表情图片到GridView进行显示

Java代码
  1. publicvoidaddexpression(Viewview){
  2. if(expressionGriView.getVisibility()==View.GONE){
  3. expressionGriView.setVisibility(View.VISIBLE);
  5. emotionList=BlogHomeActivity.emotions;
  6. ArrayList<HashMap<String,Object>>lstImageItem=newArrayList<HashMap<String,Object>>();
  8. for(inti=0;i<70;i++)
  9. {
  10. emtions=emotionList.get(i);
  11. if(emtions!=null){
  12. HashMap<String,Object>map=newHashMap<String,Object>();
  14. Fieldf;
  15. try{
  16. f=(Field)R.drawable.class.getDeclaredField(emtions.getImageName());
  17. intj=f.getInt(R.drawable.class);
  18. map.put("ItemImage",j);//添加图像资源的ID
  19. lstImageItem.add(map);
  20. }catch(SecurityExceptione){
  21. e.printStackTrace();
  22. }catch(NoSuchFieldExceptione){
  23. e.printStackTrace();
  24. }catch(IllegalArgumentExceptione){
  25. e.printStackTrace();
  26. }catch(IllegalAccessExceptione){
  27. e.printStackTrace();
  28. }
  30. }
  32. }
  34. //生成适配器的ImageItem<====>动态数组的元素，两者一一对应
  35. SimpleAdaptersaImageItems=newSimpleAdapter(this,
  36. lstImageItem,//数据来源
  37. R.layout.blog_emotion_list,
  39. //动态数组与ImageItem对应的子项
  40. newString[]{"ItemImage"},
  42. //ImageItem的XML文件里面的一个ImageView
  43. newint[]{R.id.blog_sendmsg_emotion});
  45. expressionGriView.setAdapter(saImageItems);
  46. }else{
  47. expressionGriView.setVisibility(View.GONE);
  48. }
  50. }

5：实现点击GridView的每一个item，处理根据item的index查找对应的表情code，然后再把code利用正则把code转换为相对应的表情图片，最后表情插入EditText进行发送

5.1:code转换为图片:

Java代码
  1. publicSpannableStringtxtToImg(Stringcontent){
  2. SpannableStringss=newSpannableString(content);
  3. intstarts=0;
  4. intend=0;
  6. if(content.indexOf("[",starts)!=-1&&content.indexOf("]",end)!=-1){
  7. starts=content.indexOf("[",starts);
  8. end=content.indexOf("]",end);
  9. Stringphrase=content.substring(starts,end+1);
  10. StringimageName="";
  11. List<Emotions>list=BlogHomeActivity.emotions;
  12. for(Emotionsemotions:list){
  13. if(emotions.getPhrase().equals(phrase)){
  14. imageName=emotions.getImageName();
  15. }
  16. }
  18. try{
  19. Fieldf=(Field)R.drawable.class.getDeclaredField(imageName);
  20. inti=f.getInt(R.drawable.class);
  21. Drawabledrawable=BlogSendMsgActivity.this.getResources().getDrawable(i);
  22. if(drawable!=null){
  23. drawable.setBounds(0,0,drawable.getIntrinsicWidth(),drawable.getIntrinsicHeight());
  24. ImageSpanspan=newImageSpan(drawable,ImageSpan.ALIGN_BASELINE);
  25. ss.setSpan(span,starts,end+1,Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
  26. }
  27. }catch(SecurityExceptione){
  28. e.printStackTrace();
  29. }catch(NoSuchFieldExceptione){
  30. e.printStackTrace();
  31. }catch(IllegalArgumentExceptione){
  32. e.printStackTrace();
  33. }catch(IllegalAccessExceptione){
  35. }
  37. }
  38. returnss;
  39. }

5.2：插入EditText

Java代码
  1. emtions=emotionList.get(position);//获取表情bean
  2. intcursor=etcontent.getSelectionStart();
  3. etcontent.getText().insert(cursor,txtToImg(emtions.getPhrase()));

写完收工，给个效果图：


[置顶] android 新浪微博客户端的表情功能的实现_第1张图片

更多相关文章

  1. Android运行时权限，6.0—9.0多版本，多终端（手机，TV盒子）130行代码一劳
  2. 从零开始--系统深入学习android（实践-让我们开始写代码-Android框
  3. android 使用handler更新ui，使用与原理分析详解（附上代码以及截图）
  4. 1、android源代码下载与跟踪
  5. android经典开源代码集合
  6. ReactNative调用原生封装的代码和控件
  7. Android开发人员不得不收集的代码(持续更新中)
  8. Android清除本地数据缓存代码

随机推荐

  1. Android(安卓)MD5加密算法
  2. Android(安卓)ListView复用机制详解
  3. Android接口安全 - RSA+AES混合加密方案
  4. 子线程更新UI的方法
  5. Android与JavaScrip进行交互（三）
  6. Android多媒体学习七：调用Android自带的音
  7. [转]Android中webview和js之间的交互
  8. Android 网络状态实时检测
  9. Android 短信列表的时间显示
  10. Android 中的Affinity