文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

怎么使用Android实现EditText图文混合插入上传功能

2023-05-30 22:21

关注

这篇文章将为大家详细讲解有关怎么使用Android实现EditText图文混合插入上传功能,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

前段时间做了一个Android会议管理系统,项目需求涉及到EditText的图文混排,如图:

怎么使用Android实现EditText图文混合插入上传功能 

在上图的”会议详情”中,需要支持文本和图片的混合插入,下图演示输入的示例:

怎么使用Android实现EditText图文混合插入上传功能

当会议创建完成以后,保存数据到服务器,然后查看刚刚创建好的会议,如图:

怎么使用Android实现EditText图文混合插入上传功能

一、明确需求

首先,点击”会议详情”文本框中,正常输入文本,然后点击左下角的图片图标,进入系统的相册用来选择一张图片并插入到文本框中,你还可以将光标停留在任意的文字中间,完成图片的插入,回退建即可以逐个删除文字,也可以删除图片。

二、实现思路

如果要在一个EditText中显示图片,首先得简单了解一下SpannableString和ImageSpan的使用。
在上面的图文混排的EditText中,虽然看到了生动的图文效果,但是实际上输出EditText的get Text().toString(),
其实是:"插入一张图片<img src=\"" + url1+ "\" />。再插入一张图片<img src=\"" + url2+ "\" />。"。
也就是说,当我选择图片插入到EditText中时,虽然显示了该图片,但是插入进去的其实是这个图片的url。
当我保存这条记录时,传给服务器的值就是:"插入一张图片<img src=\"" + url1+ "\" />。
再插入一张图片<img src=\"" + url2+ "\" />。"
这部分代码如下:

点击图片按钮进入系统相册

 public void getImage() {  intent = new Intent(Intent.ACTION_GET_CONTENT);  intent.addCategory(Intent.CATEGORY_OPENABLE);  intent.setType("image private void insertPic(Bitmap bm, final int index) {  AjaxParams params = new AjaxParams();  try {   params.put("image", LeoUtils.saveBitmap(bm));  } catch (FileNotFoundException e) {   e.printStackTrace();  }  FinalHttp fh = new FinalHttp();  System.out.println("params=" + params.toString());  fh.post(HttpUrlConstant.UPLOAD_PIC, params, new AjaxCallBack<Object>() {   @Override   public void onFailure(Throwable t, int errorNo, String strMsg) {    super.onFailure(t, errorNo, strMsg);    ToastUtil.show(getApplicationContext(), "图片上传失败,请检查网络");   }   @Override   public void onSuccess(Object t) {    super.onSuccess(t);    System.out.println(t.toString());    try {     JSONObject jsonObject = new JSONObject(t.toString());     String url = jsonObject.getString("recordName");     switch (index) {     case 0:      // 根据Bitmap对象创建ImageSpan对象      ImageSpan imageSpan = new ImageSpan(CreateMeetingActivity.this, bitmap);      // 创建一个SpannableString对象,以便插入用ImageSpan对象封装的图像      String tempUrl = "<img src=\"" + url + "\" />";      SpannableString spannableString = new SpannableString(tempUrl);      // 用ImageSpan对象替换你指定的字符串      spannableString.setSpan(imageSpan, 0, tempUrl.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);      // 将选择的图片追加到EditText中光标所在位置      int index = et_detail.getSelectionStart(); // 获取光标所在位置      Editable edit_text = et_detail.getEditableText();      if (index < 0 || index >= edit_text.length()) {       edit_text.append(spannableString);      } else {       edit_text.insert(index, spannableString);      }      System.out.println("插入的图片:" + spannableString.toString());      break;     case 1:      // 与本案例无关的代码      break;     }    } catch (JSONException e) {     e.printStackTrace();    }   }  }); }

上面的注释写的很详细了,即使之前不了解SpannerString和ImageSpan,相信也能够体会到它们的用法。至此,android edittext的图文混合插入需求就已经完成了。

三、补充说明

Q1: 为什么要把图片上传到服务器上获取url?

A1: PM要求每插入一次图片就要调接口将图片上传到服务器上,该接口会返回该图片的url过来,尽管这种要求并不是个好的解决方案。如果不需要保存图文混合插入的内容,那就不必执行这一步,在imageSpan替换时,可以用任意字符替换,因为对于spannebleString而言,插入的图片其实就是一些字符而已,这一点可以输出edittext.gettext().tostring()来验证。

// 用ImageSpan对象替换spannableString.setSpan(imageSpan, 0, "图片1", Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

Q2: 为什么要把图片的url再次包装成带img标签的字符串?

A2: 因为项目的另外一个需求是编辑会议,也就是图文混合插入的内容支持以后的再次编辑。

当调用会议编辑接口时,会返回会议详情的数据,这些数据就是:"插入一张图片<img src=\"" + url1+ "\" />。再插入一张图片<img src=\"" + url2+ "\" />。"

为了让会议详情页面的图文回显到EditText中,我会对这些字符串通过正则匹配"<img src=\''+*+"\">,如果匹配到这种格式,就代表它是一个图片,然后通过一些处理将图片回显出来。

关于“怎么使用Android实现EditText图文混合插入上传功能”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯