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

一、介绍

这是新浪微博的一个帖子，刚好包括了话题、表情、@好友三种显示。显示方法上篇已经阐述了，就是使用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仿新浪微博发布微博界面设计(5)Android仿新浪微博自定义ListView下拉刷新(4)Android仿新浪微博分页管理界面(3)Android仿新浪微博oauth2.0授权界面实现代码(2)Android仿新浪微博启动界面或登陆界面（1）Android用PopupWindow实现新浪微博的分组信息实例Android仿新浪微博、QQ空间等帖子显示(1)Android仿新浪微博/QQ空间滑动自动播放视频功能Android集成新浪微博第三方登录的方法Android仿新浪微博个人信息界面及其他效果