仿QQ聊天图文混排流程图【适用于XMPP】


图文混排流程图.graffle
4.8 KB



下面附上图片素材:

表情.zip
692.5
KB



下面是字符串与图片的详细对应关系:

"[呲牙]"字符串对应于图片名    f000.gif;

"[调皮]"字符串对应于图片名    f001.gif;

"[流汗]"字符串对应于图片名    f002.gif;

"[偷笑]"字符串对应于图片名    f003.gif;

"[再见]"字符串对应于图片名    f004.gif;

"[敲打]"字符串对应于图片名    f005.gif;

"[擦汗]"字符串对应于图片名    f006.gif;

"[猪头]"字符串对应于图片名    f007.gif;

"[玫瑰]"字符串对应于图片名    f008.gif;

"[流泪]"字符串对应于图片名    f009.gif;

"[大哭]"字符串对应于图片名    f010.gif;

"[嘘]"字符串对应于图片名      f011.gif;

"[酷]"字符串对应于图片名      
 f012.gif;

"[抓狂]"字符串对应于图片名    f013.gif;

"[委屈]"字符串对应于图片名    f014.gif;

"[便便]"字符串对应于图片名    f015.gif;

"[炸弹]"字符串对应于图片名    f016.gif;

"[菜刀]"字符串对应于图片名    f017.gif;

"[可爱]"字符串对应于图片名    f018.gif;

"[色]"字符串对应于图片名      
 f019.gif;

"[害羞]"字符串对应于图片名    f020.gif;

"[得意]"字符串对应于图片名    f021.gif;

"[吐]"字符串对应于图片名      
  f022.gif;

"[微笑]"字符串对应于图片名    f023.gif;

"[发怒]"字符串对应于图片名    f024.gif;

"[尴尬]"字符串对应于图片名    f025.gif;

"[惊恐]"字符串对应于图片名    f026.gif;

"[冷汗]"字符串对应于图片名    f027.gif;

"[爱心]"字符串对应于图片名    f028.gif;

"[示爱]"字符串对应于图片名    f029.gif;

"[白眼]"字符串对应于图片名    f030.gif;

"[傲慢]"字符串对应于图片名    f031.gif;

"[难过]"字符串对应于图片名    f032.gif;

"[惊讶]"字符串对应于图片名    f033.gif;

"[疑问]"字符串对应于图片名    f034.gif;

"[睡]"字符串对应于图片名      
  f035.gif;

"[亲亲]"字符串对应于图片名    f036.gif;

"[憨笑]"字符串对应于图片名    f037.gif;

"[爱情]"字符串对应于图片名    f038.gif;

"[衰]"字符串对应于图片名      
 f039.gif;

"[撇嘴]"字符串对应于图片名    f040.gif;

"[阴险]"字符串对应于图片名    f041.gif;

"[奋斗]"字符串对应于图片名    f042.gif;

"[发呆]"字符串对应于图片名    f043.gif;

"[右哼哼]"字符串对应于图片名  f044.gif;

"[拥抱]"字符串对应于图片名    f045.gif;

"[坏笑]"字符串对应于图片名    f046.gif;

"[飞吻]"字符串对应于图片名    f047.gif;

"[鄙视]"字符串对应于图片名    f048.gif;

"[晕]"字符串对应于图片名      f049.gif;

"[大兵]"字符串对应于图片名    f050.gif;

"[可怜]"字符串对应于图片名    f051.gif;

"[强]"字符串对应于图片名      f052.gif;

"[弱]"字符串对应于图片名      f053.gif;

"[握手]"字符串对应于图片名    f054.gif;

"[胜利]"字符串对应于图片名    f055.gif;

"[抱拳]"字符串对应于图片名    f056.gif;

"[凋谢]"字符串对应于图片名    f057.gif;

"[饭]"字符串对应于图片名      
  f058.gif;

"[蛋糕]"字符串对应于图片名    f059.gif;

"[西瓜]"字符串对应于图片名    f060.gif;

"[啤酒]"字符串对应于图片名    f061.gif;

"[飘虫]"字符串对应于图片名    f062.gif;

"[勾引]"字符串对应于图片名    f063.gif;

"[OK]"字符串对应于图片名      f064.gif;

"[爱你]"字符串对应于图片名    f065.gif;

"[咖啡]"字符串对应于图片名    f066.gif;

"[钱]"字符串对应于图片名      
  f067.gif;

"[月亮]"字符串对应于图片名    f068.gif;

"[美女]"字符串对应于图片名    f069.gif;

"[刀]"字符串对应于图片名      
  f070.gif;

"[发抖]"字符串对应于图片名    f071.gif;

"[差劲]"字符串对应于图片名    f072.gif;

"[拳头]"字符串对应于图片名    f073.gif;

"[心碎]"字符串对应于图片名    f074.gif;

"[太阳]"字符串对应于图片名    f075.gif;

"[礼物]"字符串对应于图片名    f076.gif;

"[足球]"字符串对应于图片名    f077.gif;

"[骷髅]"字符串对应于图片名    f078.gif;

"[挥手]"字符串对应于图片名    f079.gif;

"[闪电]"字符串对应于图片名    f080.gif;

"[饥饿]"字符串对应于图片名    f081.gif;

"[困]"字符串对应于图片名      
  f082.gif;

"[咒骂]"字符串对应于图片名    f083.gif;

"[折磨]"字符串对应于图片名    f084.gif;

"[抠鼻]"字符串对应于图片名    f085.gif;

"[鼓掌]"字符串对应于图片名    f086.gif;

"[糗大了]"字符串对应于图片名  f087.gif;

"[左哼哼]"字符串对应于图片名 f088.gif;

"[哈欠]"字符串对应于图片名    f089.gif;

"[快哭了]"字符串对应于图片名  f090.gif;

"[吓]"字符串对应于图片名      
  f091.gif;

"[篮球]"字符串对应于图片名    f092.gif;

"[乒乓球]"字符串对应于图片名  f093.gif;

"[NO]"字符串对应于图片名     f094.gif;

"[跳跳]"字符串对应于图片名    f095.gif;

"[怄火]"字符串对应于图片名    f096.gif;

"[转圈]"字符串对应于图片名    f097.gif;

"[磕头]"字符串对应于图片名    f098.gif;

"[回头]"字符串对应于图片名    f099.gif;

"[跳绳]"字符串对应于图片名    f100.gif;

"[激动]"字符串对应于图片名    f101.gif;

"[街舞]"字符串对应于图片名    f102.gif;

"[献吻]"字符串对应于图片名    f103.gif;

"[左太极]"字符串对应于图片名  f104.gif;

"[右太极]"字符串对应于图片名   f105.gif;

"[闭嘴]"字符串对应于图片名     f106.gif;

详细更新地址https://www.evernote.com/shard/s227/sh/7cc44e10-daf8-42ae-9289-5c22ecca3983/337de59d860ac2a9d62a1a2eb316c8d4

仿QQ聊天图文混排流程图【适用于XMPP】

时间: 2024-08-03 00:47:59

仿QQ聊天图文混排流程图【适用于XMPP】的相关文章

关于仿网易新闻中详细页图文混排功能的实现

最近在了解关于新闻内容的图文混排的效果,网上有人开源一个仿网易新闻的代码,本文就是简单记录学习其详细页面显示的效果实现: 下载地址:https://github.com/dsxNiubility/SXNews 效果图: 其原理:通过网络请求获得相关的信息,再通过手机端进行拼HTML,然后在WebView进行展示,此处还对文章中的图片增加点击效果,可以保存到相册中:文章的样式已经存在项目中,直接去调用: 1:首先了解两个相关的实体对象,一个是新闻的主体内容,另外一个就是图片的相关信息实体: 1:主

AS3聊天单行输入框图文混排完美实现

几年前刚毕业,第一个游戏模块做的就是聊天.到现在,几个游戏写过几次聊天模块, 之前在4399做的<幻龙骑士>(又名<神骑士>),还有上周六刚上线的<疯狂的子弹>, 用的是同一套代码,聊天输入框没有图文混排,而是用符号代替,输出面板才有图文混排. 输出面板的图文混排由于内容没有键鼠操作,实现很简单,不在本文讨论之列:当然本 文的代码中抽出一小部分就可以实现了.以上两款游戏没有加密,有兴趣的可以去弄来看看, <子弹>里面的键鼠.技能.射击.弹道搞得好累人啊 ?(

Android Json数据的解析+ListView图文混排+缓存算法Lrucache 仿知乎

前几天心血来潮,打算根据看知乎的API自己做一个小知乎,定制的过程遇到ListView的优化问题及图片未缓存重加载等等许多问题,解决了以后打算和博友分享一下. 接口数据:http://api.kanzhihu.com/getpostanswers/20150925/archive 首先,Json数据太常用,相信每一位开发者Json的解析都是必备的.我们要准备以下知识: JavaBean,枚举你需要的元素,用来存储数据. 异步加载网络内容的必备途径,多线程加载+AsyncTask两种方式. Jso

仿小米便签图文混排 EditText解决尾部插入文字bug

一直想实现像小米便签那样的图文混排效果,收集网上的办法无非三种: 1.自定义布局,每张图片是一个ImageView,插入图片后插入EditText,缺点是实现复杂,不能像小米便签那样同时选中图片和文字 2.通过Html.fromHtml(source),可以将图片加载写进ImageGetter,实现后无bug,但是只能显示Html,当EditText setText后,想取出之前的HTML格式      图片得到的是一个obj的字符,查看了很多博客,包括stackoverflow也没给出办法从e

(一一一)图文混排基础 -利用正则分割和拼接属性字符串

很多时候需要用到图文混排,例如聊天气泡中的表情,空间.微博中的表情,例如下图: 红心和文字在一起. 比较复杂的情况是表情夹杂在文字之间. 要实现这种功能,首先要介绍iOS中用于显示属性文字的类. 用于文字显示的类除了text属性之外,还有attributedText属性,这个属性是NSAttributedString类型,通过这个属性可以实现不同文字的不同字体.颜色甚至把图片作为文字显示的功能. 下面介绍这个字符串的使用. 以一条微博内容为应用场景,介绍如何从中找出表情.话题等内容,其中表情替换

仿QQ聊天软件2.0版

仿QQ聊天软件2.0版 转载请标明出处:牟尼的专栏 http://blog.csdn.net/u012027907     上次课设做了Java版的仿QQ聊天程序,这次软件实训,我们继续完善了仿QQ聊天程序,将上次未完成及不完善的地方进行完善和改进,还新加了部分功能:表情输入.气泡模式.文件传输.截屏.语音聊天.逐步向QQ的基本功能靠齐.通过这次软件实训,又有了很多收获. 一.设计内容及要求 1.1综述 A.系统概述 我们要做的就是类似QQ这样的面向企业内部的聊天软件,基本功能和QQ类似.首先,

DIV+CSS 图文混排的图片居中办法

不少人为了让 Div 图文混排的图片可以居中,给 IMG 套各式各样的 SPAN.DIV.LI 等等,以便于使用 text-align来进行居中. 1 <div>图文混排 2 <br> 3 <span style="text-align:center"><img src="http://www.baidu.com/img/baidu_jgylogo3.gif"></span> 4 </div>

Android 自绘TextView解决提前换行问题,支持图文混排

先看下效果图: 上面是MTextView,下面是默认的TextView. 一.原因 用最简单的全英文句子为例,如果有一个很长的单词,这一行剩余的空间显示不下了,那么规则就是不打断单词,而是把整个单词丢到下一行开始显示.这样本来没有错.一是咱们中国人都是方块字,怎么都放得下,不存在英文的这个问题.所以不习惯那个排版.二是如果TextView里面有图片,如图,不知道判断单词的代码是怎么弄得,总之它觉得最后一个啦字和后面的一串表情应该是一个整体,不能分开,就一起丢到第二行了,也就造成了这种难看的排版.

用NSAttributedString实现简单的图文混排

iOS7以后,因为TextKit的强大,可以用NSAttributedString很方便的实现图文混排(主要是利用了NSTextAttachment). 关于Textkit的牛逼之处,可以参考objcio上的文章(https://objccn.io/issue-5-1/) 我用NSAttributedString仿写了一个知乎的输入框(低仿,就是有个功能而已),效果如图: demo在这里:(https://github.com/Phelthas/TEST_XMLCommon   的第四个) 有几