相关文章：
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
Win10焦点图文
本类最热新闻颜文字工具：微博、豆瓣、贴吧等网站可使用地址栏笑脸图标插入颜文字（点击文本框后，浏览器地址栏最右侧将会出现笑脸按钮）
从官方商店添加*
版本2.4.3 / 发布1月26日 / 大小216kb
可添加到360、猎豹、chrome等浏览器[]
插件添加步骤
第一步：使用支持的浏览器
第二步：浏览器自动识别、添加插件
完成：上微博页面看看吧
是否有安装下列浏览器之一：
使用Chrome
点击上方绿色按钮“”。
（*谷歌访问速度较慢，可能需要翻墙，或进入本插件的）
使用360、猎豹等浏览器
点击上方绿色按钮“”或“”
下载360安全浏览器
（或自己选择上述任意一款） 点击文本框后，浏览器地址栏最右侧将会出现笑脸按钮
浏览器自动识别插件并提示添加？
点添加，。
提示无法添加？[]
1、在地址栏输入:
chrome://chrome/extensions/回车进入
2、用鼠标将下方的crx文件拖进页面里
(或右键点，文件另存到桌面，再拖进去)
弹出新建下载任务、迅雷下载？
360:点地址栏右边绿色图标，设成：
Chrome内核极速模式再点
猎豹:网页空白地方鼠标点右键,在下拉菜单中选极速模式
PS.请确认是否正使用 （不支持IE）
1、微博Emoji表情、颜文字扩充
在微博页面原有的插入表情框中，自动增加Emoji表情和颜文字的分类。 （暂不支持新版微博）
2、地址栏图标（其他网页插入颜文字）
为了界面简洁，图标平时不显示，当点击文本框编辑时，地址栏才会出现笑脸图标。
注：默认只在微博、人人、豆瓣、贴吧启用，可设为在其他网页均启用。
3、自定义自己喜欢的表情
用右键菜单，或访问，可在微博、地址栏表情框中，自定义喜欢的颜文字。
优化代码，绝大部分微博页面均能用；内含Emoji表情图片；颜文字排版加入滚动条。
修复新版小bug，遇页面错误自动停用
修复新版微博大bug
支持新版微博，支持添加自定义表情
紧急修正bug，重新支持旧版的chrome、猎豹、世界之窗极速版、360极速。
修改核心代码，微博全站均支持。增加英文界面。
微博增加"喜欢"分类，修正自定popup高度导致滚动条不匹配的小bug
优化核心代码，降低内存占用，解决崩溃
按钮出现时机、设定页面的小改动
增加地址栏按钮popup页面，更名为"EmoticonPlus表情扩展"。
压缩代码大小，增加隐藏微博页面广告的功能
增加选项页面，可分别控制emoji表情、颜文字的开关。
增加更多颜文字,重新整理分类,优化表情库结构,修正等号bug,插件提前执行(原为页面加载完毕才执行)
增加颜文字分类,优化执行效率,自动更新
Alpha版 Emoji表情
有任何疑问、不会安装、报告错误等，欢迎，如果想马上得到答案，可看看下面的常见问题。
超级简易版图文步骤教程：
这是什么？
这是浏览器的一个插件，就是当你用添加了插件的浏览器浏览网页时，可以向网页中，增加一些个性化的功能。
地址栏笑脸按钮没显示
只当你在编辑文本框时（比如单击一下文本框），才会显示，平时浏览网页不会显示，这样浏览器界面会简洁些。而且默认只在新浪微博/人人/豆瓣/贴吧启用，当然你可设置成"在所有网站均启用"。
其他浏览器能不能用吗？
不能。是附属于浏览器的插件。
为什么不能去Chrome网上商店装？
Chrome21+版本只能从官方的应用商店下载，但长期被墙，中国大陆地区无法访问，同时也不支持大陆用户发布/购买[]，因此放在这里供大家免费下载，使用时手动即可。
你也可右键点击Chrome的快捷方式，在下拉菜单中进入“属性”，然后在“目标”一栏的最后添加 --enable-easy-off-store-extension-install，可自由添加各种插件。
插入Emoji表情后，显示为方框
发布前的确是显示为一个方框，与其他表情发布前显示为[xx文字]一样，发布后新浪微博会自动识别为表情图片，你可以发一条私密微博试一下。08-3009-1308-1809-10
12-2709-3002-0401-14
也许你感兴趣
1. 2. 3. 4. 5. 6. 7. 8. 9. 10.今天看啥 热点：
Emoji开源项目解读（二）自定义表情，emoji开源项目
上一节呢，我们解读了一个系统Emoji表情，这节呢，&我们谈谈自定义表情，如QQ、微信等，正好前两天看到一个仿QQ的一个应用，虽然还是有许多需要完善的地方，&不过对于自定义Emoji表情功能，做的也是比较成熟了，这里要谢谢白玉梁同学，下面我带领大家来一起学习一下他的这个功能实现。
根据上一节的分析呢，这节我就简要的直奔主题说了，页面布局、架构和流程都不说了。&感兴趣的可以自己看代码。
咱们先来看看他的assets资源文件夹
g文件夹放的是gif图，如
p文件夹放的是静态图
再来看看怎么添加表情
当选中GridView的某一个表情的时候，触发事件
// 单击表情执行的操作
gridview.setOnItemClickListener(new AdapterView.OnItemClickListener() {
public void onItemClick(AdapterView&?& parent, View view,int position, long id) {
String png = ((TextView) ((LinearLayout) view).getChildAt(1)).getText().toString();
if (!png.contains(&_del&)) {// 如果不是删除图标
ExpressionUtil.insert(editText,ExpressionUtil.getFace(context,png));
ExpressionUtil.delete(editText);
} catch (Exception e) {
e.printStackTrace();
});注意这行代码
ExpressionUtil.insert(editText,ExpressionUtil.getFace(context,png));就是添加表情的了
先来看看是怎么组装EditText的样式的呢？
public static SpannableStringBuilder getFace(Context mContext,String png) {
SpannableStringBuilder sb = new SpannableStringBuilder();
* 经过测试，虽然这里tempText被替换为png显示，但是但我单击发送按钮时，获取到輸入框的内容是tempText的值而不是png
* 所以这里对这个tempText值做特殊处理
* 格式：#[face/png/f_static_000.png]#，以方便判斷當前圖片是哪一個
String tempText = &[& + png + &]&;
sb.append(tempText);
sb.setSpan(
new ImageSpan(mContext, BitmapFactory
.decodeStream(mContext.getAssets().open(png))), sb.length()
- tempText.length(), sb.length(),
Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
} catch (Exception e) {
e.printStackTrace();
}大家可以看看这个类SpannableStringBuilder的继承关系，实现了CharSequence接口，相当于一个样式的建造者，看到Builder就很容易的会联想到建造者模式的，功能如其名，的确也是这样做的。
这是设置好字符串后，又设置了ImageSpan样式，在指定的位置设置图片样式。
然后就是设置EditText的CharSequence&了
* 向输入框里添加表情
public static void insert(EditText input,CharSequence text) {
int iCursorStart = Selection.getSelectionStart((input.getText()));
int iCursorEnd = Selection.getSelectionEnd((input.getText()));
if (iCursorStart != iCursorEnd) {
((Editable) input.getText()).replace(iCursorStart, iCursorEnd, &&);
int iCursor = Selection.getSelectionEnd((input.getText()));
((Editable) input.getText()).insert(iCursor, text);
}分为2种，和之前分析的系统表情方式差不多，假如游标不一致，其实就是选中了多个，就先用空串替换掉选中的表情，其实就是删除掉了，然后取得最新的游标，添加需要添加的表情。
然后来看看删除表情
ExpressionUtil的delete方法
* 删除图标执行事件
* 注：如果删除的是表情，在删除时实际删除的是tempText即图片占位的字符串，所以必需一次性删除掉tempText，才能将图片删除
public static void delete(EditText input) {
if (input.getText().length() != 0) {
int iCursorEnd = Selection.getSelectionEnd(input.getText());
int iCursorStart = Selection.getSelectionStart(input.getText());
if (iCursorEnd & 0) {
if (iCursorEnd == iCursorStart) {
if (isDeletePng(input,iCursorEnd)) {
String st = &[p/_000.png]&;
((Editable) input.getText()).delete(
iCursorEnd - st.length(), iCursorEnd);
((Editable) input.getText()).delete(iCursorEnd - 1,
iCursorEnd);
((Editable) input.getText()).delete(iCursorStart,
iCursorEnd);
}这个删除表情的做法和上一节介绍的就明显不同了，&上次那个是系统表情，也就是说是系统字符单元，直接交给EditText，系统就会自动删除，当然前提是给他一个删除的事件额。
这个方法的备注要明确说明了，删除是删除图片占位的字串，这里有3种情况，第1种是删除游标内的内容，这个比较简单，直接取得游标的起止位置，删除掉就好了，第2种是删除普通文字，这个只要删除最后一个字符就好了，&最后一种就比较复杂了，是删除表情，大家来想一下，是不是首先得知道我要删除的是不是表情吧？
这里用到了ExpressionUtil的isDeletePng方法
* 判断即将删除的字符串是否是图片占位字符串tempText 如果是：则讲删除整个tempText
public static boolean
isDeletePng(EditText input,int cursor) {
String st = &[p/_000.png]&;
String content = input.getText().toString().substring(0, cursor);
if (content.length() &= st.length()) {
String checkStr = content.substring(content.length() - st.length(),content.length());
String regex = &\\[[^\\]]+\\]&;
Pattern p = pile(regex);
Matcher m = p.matcher(checkStr);
return m.matches();
}我觉得这个方法是整个项目的难点重点，作者的实现方法也比较优雅，这里的策略是根据咱们商量的添加表情的格式，来倒推最后一个应该去匹配是不是表情的字串，如果符合表情的标准就是了，这里在裁剪出目标检查表情后，用了正则表达式来做了一次匹配，不会正则的真的要好好学习了，有的时候，可以起到很好的效果，好了这样是不是要删除的表情的方法就讲解完了。
如果检查是表情的话，紧接着就是删除了，也就是删除的起止位置，结束位置知道了，&开始位置就是结束位置减去表情格式字符数就是喽。
到目前为止呢，&自定义表情的实现分析就已经结束了，结合上一节的系统表情，Emoji表情的分析就到此结束了。后续大家如果还有什么问题，或者有不正确的地方，&可以提出来，共同探讨。
白玉梁的专栏&http://blog.csdn.net/baiyuliang2013/article/details/
相关搜索：
相关阅读：
相关频道：
Android教程最近更新