Android仿微信@好友功能 输入@跳转、删除整块

 更新时间:2017年10月30日 14:44:31   转载 作者:ddssingsong  
这篇文章主要介绍了Android仿微信@好友功能 输入@跳转、删除整块,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友可以参考下

最近在做聊天功能的时候,有一个需求是仿照微信做@好友的功能,本来以为挺简单,但是做到这块的时候,发现和想象的有点不一样,什么整块删除,块可编辑,总之,加个@的功能很简单,但是要做和微信的一样还是费了一些功夫,下面是一个demo仅供参考,防止遗忘

先上个效果图

这里写图片描述

就是这么个功能

1. 分析需求

输入@跳转到联系人界面,选中一个或者多个好友返回到当前界面

按退格键删除整块内容

块内的内容可编辑,编辑完了之后将不附带@功能,只是单纯的文字

2. 开始编码

既然是文本输入首先继承EditText自定义一个控件

public class MsgEditText extends AppCompatEditText {
 public MsgEditText(Context context) {
  super(context);
 }
 public MsgEditText(Context context, AttributeSet attrs) {
  super(context, attrs);
 }
 public MsgEditText(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
 }
}

到底从哪里开始入手呢,首先完成变成块的需求,

无意中看到这个项目https://github.com/g707175425/CloudEditText ,他是这么写的

 private void generateOneSpan(Spannable spannableString, UnSpanText unSpanText) {
  //生成一个TextView
  View spanView = getSpanView(getContext(),  unSpanText.showText.toString(), getMeasuredWidth());
  //再将TextView转换为一个图片
  BitmapDrawable bitmpaDrawable = (BitmapDrawable) UIUtils.convertViewToDrawable(spanView);
  bitmpaDrawable.setBounds(0, 0, bitmpaDrawable.getIntrinsicWidth(), bitmpaDrawable.getIntrinsicHeight());
  //最后将这个图片放到Span里,
  MyImageSpan what = new MyImageSpan(bitmpaDrawable, unSpanText.showText.toString(),unSpanText.returnText);
  final int start = unSpanText.start;
  final int end = unSpanText.end;
  spannableString.setSpan(what, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
  //设置一个Span
  spannableString.setSpan(touchableSpan, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
 }

看到这里我们就记得了一个关于SpanableString的用法,它可以设置图片,可以随意的设置文字的背景的前景,等等一系列比较酷炫的效果,而且只需要一个TextView,如果需要深入了解Span,可自行百度和Google,关于Span的进阶用法,于是就有了下面的实现

//这个是需要成块删除的内容
 private class MyTextSpan extends MetricAffectingSpan {
  private String showText;
  private long userId;
  //userId是为了适应需求,如果不需要请自行去掉
  public MyTextSpan(String showText, long userId) {
   this.showText = showText;
   this.userId = userId;
  }
  public String getShowText() {
   return showText;
  }
  public long getUserId() {
   return userId;
  }
  @Override
  public void updateMeasureState(TextPaint p) {
  }
  @Override
  public void updateDrawState(TextPaint tp) {
  }
 }
 //这个是非整块删除的内容,当然你如果想也是可以删除的
 private class UnSpanText {
  int start;
  int end;
  String returnText;
  UnSpanText(int start, int end, String returnText) {
   this.start = start;
   this.end = end;
   this.returnText = returnText;
  }
 }

刚开始我是这么写的  

//外部调用一个增加Span的方法
 public void addSpan(String showText, String returnText, long userId) {
  getText().append(showText);
  SpannableString spannableString = new SpannableString(getText());
  makeSpan(spannableString, new UnSpanText(spannableString.length() - showText.length(), spannableString.length(), showText, returnText), userId);
  setText(spannableString);
  setSelection(spannableString.length());
 }
 //生成一个需要整体删除的Span
 private void makeSpan(Spannable sps, UnSpanText unSpanText, long userId) {
  MyTextSpan what = new MyTextSpan(unSpanText.returnText, userId);
  int start = unSpanText.start;
  int end = unSpanText.end;
  sps.setSpan(what, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
 }

写到现在这个整块添加已经做好了,下面开始做整块删除,刚开始的时候我是模仿上面的CloudEditText写的,但我发现好像会用各种问题,于是想了一种方法

 @Override
 protected void onTextChanged(CharSequence text, int start, int lengthBefore, int lengthAfter) {
  super.onTextChanged(text, start, lengthBefore, lengthAfter);
  //向前删除一个字符,@后的内容必须大于一个字符,可以在后面加一个空格
  if (lengthBefore == 1 && lengthAfter == 0) {
   MyTextSpan[] spans = getText().getSpans(0, getText().length(), MyTextSpan.class);
   for (MyTextSpan myImageSpan : spans) {
    if (getText().getSpanEnd(myImageSpan) == start && !text.toString().endsWith(myImageSpan.getShowText())) {
     getText().delete(getText().getSpanStart(myImageSpan), getText().getSpanEnd(myImageSpan));
     break;
    }
   }
  }
 }

上面的意思就是,如果你在EditText中执行删除一个字符的时候,判断前面一个是否是一个Span,如果是自定义的Span就把Span一同删除,关于这个,我可是测试可各种操作才定为这样的

最后是获取需要@的人员名单

 //获取用户Id列表,这只是个参考,可根据需求修改
 public String getUserIdString() {
  MyTextSpan[] spans = getText().getSpans(0, getText().length(), MyTextSpan.class);
  StringBuilder builder = new StringBuilder();
  for (MyTextSpan myTextSpan : spans) {
   String realText = getText().toString().substring(getText().getSpanStart(myTextSpan), getText().getSpanEnd(myTextSpan));
   String showText = myTextSpan.getShowText();
   if (realText.equals(showText)) {
    builder.append(myTextSpan.getUserId()).append(",");
   }
  }
  if (!TextUtils.isEmpty(builder.toString())) {
   builder.deleteCharAt(builder.length() - 1);
  }
  return builder.toString();
 }

最后我就大方的放个地址你们自己看吧

https://github.com/ddssingsong/AtFriend

总结

以上所述是小编给大家介绍的Android仿微信@好友功能 输入@跳转、删除整块,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • Android基于高德地图poi的仿微信获取位置功能实例代码

    Android基于高德地图poi的仿微信获取位置功能实例代码

    这篇文章主要介绍了Android基于高德地图poi的仿微信获取位置功能,当用户打开页面自动定位,同时搜索周边所有poi,点击搜索按钮输入关键字,获取关键字搜索结果,本文图文并茂给大家介绍的非常详细,需要的朋友参考下吧
    2017-12-12
  • Android应用UI开发中Fragment的常见用法小结

    Android应用UI开发中Fragment的常见用法小结

    这篇文章主要介绍了Android应用UI开发中Fragment的常见用法小结,Fragment的存在是为了解决不同屏幕分辩率的动态和灵活UI设计,需要的朋友可以参考下
    2016-02-02
  • android 中使用TableLayout实现表单布局效果示例

    android 中使用TableLayout实现表单布局效果示例

    本篇文章主要介绍了android 中使用TableLayout实现表单布局效果示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06
  • Android实现返回键操作思路

    Android实现返回键操作思路

    这篇文章主要为大家详细介绍了Android实现返回键操作思路,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • Android自定义View控件实现多种水波纹涟漪扩散效果

    Android自定义View控件实现多种水波纹涟漪扩散效果

    这篇文章主要给大家介绍了关于Android自定义View控件实现多种水波纹涟漪扩散效果的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2018-03-03
  • Android实现文件下载进度显示功能

    Android实现文件下载进度显示功能

    这篇文章主要为大家详细介绍了Android实现文件下载进度显示功能,检测Android文件下载进度,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • 详解Gradle依赖冲突解决方式

    详解Gradle依赖冲突解决方式

    这篇文章主要介绍了Gradle依赖冲突解决方式,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06
  • 详解Android开发录音和播放音频的步骤(动态获取权限)

    详解Android开发录音和播放音频的步骤(动态获取权限)

    这篇文章主要介绍了详解Android开发录音和播放音频的步骤(动态获取权限),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • Android 日常开发总结的60条技术经验

    Android 日常开发总结的60条技术经验

    这篇文章主要介绍了Android日常开发总结的技术经验60条,需要的朋友可以参考下
    2016-03-03
  • Android实现长图展开与收起效果

    Android实现长图展开与收起效果

    这篇文章主要为大家详细介绍了Android实现长图展开与收起效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-09-09

最新评论