Android仿新浪微博、QQ空间等帖子显示(2)

更新时间：2016年09月30日 16:46:48 作者：FlowLeaf

这篇文章主要为大家详细介绍了Android仿新浪微博、QQ空间等帖子显示,具有一定的参考价值，感兴趣的小伙伴们可以参考一下

一、介绍

这是新浪微博的一个帖子，刚好包括了话题、表情、@好友三种显示。显示方法上篇已经阐述了，就是使用SpannableString。这篇主要介绍显示这种帖子的解析工具类。

二、实现

1.字符串表示和对应正则表达式

话题用##号括起来
表情用[]表示
@好友昵称
借助正则匹配来解析帖子信息。

话题 -> #[^#]+#
表情 -> [[^]]+]
@好友 -> @好友昵称

2.写一个通用方法，对spanableString进行正则判断，如果符合要求，则将内容变色

private static void dealPattern(int color, SpannableString spannableString, Pattern patten, int start) throws Exception {
  Matcher matcher = patten.matcher(spannableString);
  while (matcher.find()) {
   String key = matcher.group();
   // 返回第一个字符的索引的文本匹配整个正则表达式,ture 则继续递归
   if (matcher.start() < start) {
    continue;
   }
   // 计算该内容的长度，也就是要替换的字符串的长度
   int end = matcher.start() + key.length();
   //设置前景色span
   spannableString.setSpan(new ForegroundColorSpan(color), matcher.start(), end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
   if (end < spannableString.length()) {
    // 如果整个字符串还未验证完，则继续。。
    dealPattern(color, spannableString, patten, end);
   }
   break;
  }
 }

3.应为有些是可点击的，所以需要一个方法来处理可点击的内容

①先定义一个接口，通过接口的方式将点击事件交给调用者

 public interface SpanClickListener<T>{
  void onSpanClick(T t);
 }

②写一个通用方法，对spanableString进行正则判断，如果符合要求，将内容设置可点击

private static void dealClick(SpannableString spannableString, Pattern patten, int start, final SpanClickListener spanClickListener, final Object bean){
  Matcher matcher = patten.matcher(spannableString);
  while (matcher.find()) {
   String key = matcher.group();
   // 返回第一个字符的索引的文本匹配整个正则表达式,ture 则继续递归
   if (matcher.start() < start) {
    continue;
   }
   // 计算该内容的长度，也就是要替换的字符串的长度
   int end = matcher.start() + key.length();
   spannableString.setSpan(new ClickableSpan() {
    @Override
    public void onClick(View widget) {
     spanClickListener.onSpanClick(bean);
    }
    @Override
    public void updateDrawState(TextPaint ds) {
     super.updateDrawState(ds);
     //设置画笔属性
     ds.setUnderlineText(false);//默认有下划线
    }
   }, matcher.start(), end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
   if (end < spannableString.length()) {
    // 如果整个字符串还未验证完，则继续。。
    dealClick(spannableString, patten, end, spanClickListener, bean);
   }
   break;
  }
 }

4.表情解析方法（后面会写一篇关于表情的处理）

private void dealExpression(Context context,
   SpannableString spannableString, Pattern patten, int start)
   throws Exception {
  Matcher matcher = patten.matcher(spannableString);
  while (matcher.find()) {

   String key = matcher.group();
   if (matcher.start() < start) {
    continue;
   }
   String value = emojiMap.get(key);
   if (TextUtils.isEmpty(value)) {
    continue;
   }
   // 通过上面匹配得到的字符串来生成图片资源id
   int resId = context.getResources().getIdentifier(value, "drawable",
     context.getPackageName());
   if (resId != 0) {
    Drawable emoji = context.getResources().getDrawable(resId);
    int w = (int) (emoji.getIntrinsicWidth() * 0.40);
    int h = (int) (emoji.getIntrinsicHeight() * 0.40);
    emoji.setBounds(0, 0, w, h);
    // 通过图片资源id来得到bitmap，用一个ImageSpan来包装
    ImageSpan imageSpan = new ImageSpan(emoji);
    // 计算该图片名字的长度，也就是要替换的字符串的长度
    int end = matcher.start() + key.length();
    // 将该图片替换字符串中规定的位置中
    spannableString.setSpan(imageSpan, matcher.start(), end,
      Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
    if (end < spannableString.length()) {
     dealExpression(context, spannableString, patten, end);
    }
    break;
   }
  }
 }

5.关键词变色处理方法,这个实际中的使用场景比如地图关键字搜索，匹配到关键字的地址中关键字显示特别颜色

public static SpannableString getKeyWordSpan(int color, String str, String patterStr) throws Exception {
  SpannableString spannableString = new SpannableString(str);
  Pattern patten = Pattern.compile(patterStr, Pattern.CASE_INSENSITIVE);
  dealPattern(color, spannableString, patten, 0);
  return spannableString;
 }

6.话题处理,参数中需要传入话题对象。这里只处理了一个帖子中只有一个话题的情况

 public static SpannableString getTopicSpan(int color, String str, boolean clickable,SpanClickListener spanClickListener, Topic topic) throws Exception {
  SpannableString spannableString = new SpannableString(str);
  Pattern patten = Pattern.compile(PatternString.TOPIC_PATTERN, Pattern.CASE_INSENSITIVE);
  if(clickable){
   dealClick(spannableString, patten, 0, spanClickListener, topic);
  }
  dealPattern(color, spannableString, patten, 0);
  return spannableString;
 }

7.@好友处理，参数中需要传入@的好友列表

public static SpannableString getAtUserSpan(int color, String str, boolean clickable, SpanClickListener spanClickListener, List<User> atUsers) throws Exception {
  SpannableString spannableString = new SpannableString(str);
  Pattern patten;
  for (User u : atUsers) {
   patten = Pattern.compile("@" + u.getName(), Pattern.CASE_INSENSITIVE);
   if(clickable){
    dealClick(spannableString, patten, 0, spanClickListener, u);
   }
   dealPattern(color, spannableString, patten, 0);
  }
  return spannableString;
 }

8.表情处理，就这么简洁

 public static SpannableString getExpressionSpan(Context context, String str) throws Exception {
  return ExpressionConvertUtil.getInstace().getExpressionString(context, str);
 }

三、使用

1.关键字变色

private void testColoredKeywd() {
  String string = "Android一词的本义指“机器人”，同时也是Google于2007年11月5日,Android logo相关图片,Android logo相关图片(36张)\n";
  SpannableString cardText = null;
  try {
   cardText = SpanUtils.getKeyWordSpan(getResources().getColor(R.color.md_green_600), string, "Android");
  } catch (Exception e) {
   e.printStackTrace();
  }
  tvColoredKeywd.setText(cardText);
 }

2.话题测试,需要注意的是，让部分内容可点击需要设置tvTopic.setMovementMethod(LinkMovementMethod.getInstance());，否则点击无效果

private void testTopic() {
  String topic = "#舌尖上的大连#四种金牌烤芝士吃法爱吃芝士的盆友不要错过了~L秒拍视频\n";
  SpannableString topicText = null;
  try {
   topicText = SpanUtils.getTopicSpan(Color.BLUE, topic, true, new SpanUtils.SpanClickListener<Topic>() {
    @Override
    public void onSpanClick(Topic t) {
     Toast.makeText(MainActivity.this, "点击话题:" + t.toString() , Toast.LENGTH_SHORT).show();
    }
   }, new Topic(1, "舌尖上的大连"));
  } catch (Exception e) {
   e.printStackTrace();
  }
  tvTopic.setText(topicText);
  //如果想实现点击，必须要设置这个
  tvTopic.setMovementMethod(LinkMovementMethod.getInstance());
 }

3.@好友测试

private void textAtUsers(){
  List<User> users = new ArrayList<>();
  users.add(new User(1, "好友1"));
  users.add(new User(2, "好友2"));
  StringBuilder sb = new StringBuilder("快来看看啊");
  for (User u : users) {
   sb.append("@").append(u.getName());
  }
  sb.append("\n");
  try {
   SpannableString atSpan = SpanUtils.getAtUserSpan(Color.BLUE, sb.toString(), true, new SpanUtils.SpanClickListener<User>() {
    @Override
    public void onSpanClick(User user) {
     Toast.makeText(MainActivity.this, "@好友:" + user.toString(), Toast.LENGTH_SHORT).show();
    }
   }, users);

   tvTestAt.setText(atSpan);
   tvTestAt.setMovementMethod(LinkMovementMethod.getInstance());
  } catch (Exception e) {
   e.printStackTrace();
  }

 }

4.表情测试

 private void textExpression(){
  String exStr = "今天天气很好啊[呲牙],是不是应该做点什么[色]";
  SpannableString span = null;
  try {
   span = SpanUtils.getExpressionSpan(this, exStr);
  } catch (Exception e) {
   e.printStackTrace();
  }
  tvExpression.setText(span);
 }

效果图

下载：https://github.com/LineChen/SpannableStringDemo

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Android编程读取Assets所有文件(遍历每一个文件夹)并存入sdcard的方法
这篇文章主要介绍了Android编程读取Assets所有文件(遍历每一个文件夹)并存入sdcard的方法,涉及Android针对文件与目录的遍历及I/O操作相关技巧,需要的朋友可以参考下
2016-02-02
android中Intent传值与Bundle传值的区别详解
本篇文章是对android中Intent传值与Bundle传值的区别进行了详细的分析介绍，需要的朋友参考下
2013-05-05
详谈Android中Matrix的set、pre、post的区别
下面小编就为大家带来一篇详谈Android中Matrix的set、pre、post的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-04-04
Android 中退出多个activity的经典方法
这篇文章主要介绍了Android 中退出多个activity的经典方法的相关资料,本文给大家分享两种方法，在这小编给大家推荐使用第一种方法，对此文感兴趣的朋友可以参考下
2016-09-09
Android控件之ImageView用法实例分析
这篇文章主要介绍了Android控件之ImageView用法,以实例形式较为详细的分析了ImageView控件用于显示图片的使用方法,具有一定参考借鉴价值,需要的朋友可以参考下
2015-09-09
Android中方法数超限问题与启动优化详解
这篇文章主要给大家介绍了Android中方法数超限问题与启动优化的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
2017-11-11
Android自定义日历滑动控件
这篇文章主要为大家详细介绍了Android自定义日历滑动控件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-05-05
flutter实现头部tabTop滚动栏
这篇文章主要为大家详细介绍了flutter实现头部tabTop滚动栏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-03-03
android 9PNG图片制作过程(图文介绍)
我们想要是有些图片可以拉伸而不失真多好啊，这时候我们就要想起android为我们提供的9.png格式的图片了，9.png格式的图片是安卓平台上新创的一种被拉伸却不失真的玩意
2013-01-01
listview 选中高亮显示实现方法
当点击左侧ListView后，选中的一行就会一直呈高亮状态显示，图中选中行字的颜色显示为蓝色(注意：是选中行后一直高亮，而不是只是点击时高亮），如果再次点击另外的一行，则新的那一行就高亮，下面就来实现这个高亮效果的显示
2012-11-11

Android仿新浪微博、QQ空间等帖子显示(2)

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具