前言
本文是我之前写的这篇文章《Android图文混排-实现EditText图文混合插入上传》的升级版,除了在EditText实现了图片上传之外,还包含了视频上传、云盘文件上传、录音上传以及显示上传进度。目前应用于蜜蜂-集结号-任务模块。
首先介绍一下该功能的实现效果:
实现思路
实现思路与之前介绍的稍有不同,但是依然是使用SpannableString实现的。由于这里不仅仅支持图片上传,还支持音频、视频、文件上传,为了以后方便扩展更多类型,这里不再使用标签实现,而是直接以JsON实现。以前的实现思路是"<img url ="xxx.jpg">",现在每一个富文本元素都是"{"type":"vIDeo","data":{ "url":"xxx.mp4","thumb":"base64 str","size":1024 }}" 这样的字符串替换出来的,"type"有"vIDeo","audio","image","text","file"等类型,针对不同类型,"data"里面的字段也不同。"data"里面一般包含文件名、文件大小、文件网络路径、音视频长度等字段。
图片或视频的上传进度改变时,切回主线程不断更新UI,所谓更新UI,其实就是不断的去替换这个SpannableString。对于各种样式的ImageSpan,实际上都是BitmapDrawable。
实现富文本元素插入到EditText中
实现代码如下:
public static TaskSpan getAudioSpan(Context context,int type,String Json,String time,int progress) { VIEw spanVIEw = VIEw.inflate(context,R.layout.bbs_audio_bar_tag,null); linearLayout llBg = (linearLayout) spanVIEw.findVIEwByID(R.ID.ll_bg); ImageVIEw icPlay = (ImageVIEw) spanVIEw.findVIEwByID(R.ID.iv_play); ImageVIEw icStop = (ImageVIEw) spanVIEw.findVIEwByID(R.ID.iv_stop); TextVIEw tvTime = (TextVIEw) spanVIEw.findVIEwByID(R.ID.tv_time); Progressbar probar = (Progressbar) spanVIEw.findVIEwByID(R.ID.progress_bar); switch (type) { case AUdio_PLAY_NONE: try { final String[] split = Json.split(BBSConstants.SPliT_TAG); JsONObject obj = new JsONObject(split[1]); final JsONObject data = obj.optJsONObject(Constants.RETURN_DATA); int duration = data.optInt(BBSConstants.LONG_DATA_DURATION); tvTime.setText(DateUtil.getDurationTime(duration / 1000,false)); probar.setProgress(0); icPlay.setVisibility(VIEw.VISIBLE); icStop.setVisibility(VIEw.GONE); llBg.setBackgroundDrawable(context.getResources().getDrawable(R.drawable.grey_bg_50dp_corner_no_border)); } catch (JsONException e) { e.printstacktrace(); } break; case AUdio_PLAY_ING: probar.setProgress(progress); icPlay.setVisibility(VIEw.GONE); icStop.setVisibility(VIEw.VISIBLE); llBg.setBackgroundDrawable(context.getResources().getDrawable(R.drawable.blue_bg_50dp_corner_no_border)); tvTime.setText(time); break; } BitmapDrawable drawable = (BitmapDrawable) VIEwUtil.convertVIEwToDrawable(spanVIEw); drawable.setTargetDensity(MyApplication.getInstance().getResources().getdisplayMetrics()); final float scale = 1.0f / 6.0f; final int wIDth = DeviceUtil.getScreenWIDth((Activity) context) - DeviceUtil.dip2px(context,LENGTH); float height = (float) wIDth * scale; drawable.setBounds(0,wIDth,(int) height); return new TaskSpan(drawable,type,Json); }
这里的TaskSpan继承了ImageSpan,将音频播放条这个vIEw转换成了drawable,因此它就可以在EditText中显示了。同理图片、视频、文件的实现方式也是如此。
实现富文本元素的点击事件
要做到点击视频跳转到视频播放页面,点击音频播放音频,点击文件跳转到文件预览页面,就必须给这些富文本元素添加点击事件。这里的通用实现就是自定义linkMovementMethod:
package com.gnet.uc.activity.appcenter;import androID.text.Layout;import androID.text.Selection;import androID.text.Spannable;import androID.text.method.linkMovementMethod;import androID.text.style.ClickableSpan;import androID.vIEw.MotionEvent;import androID.Widget.TextVIEw;/** * 集结号富文本Span的点击事件 * * @author lei.han * @time 2017/6/20 下午11:02 */public class TaskMovementMethod extends linkMovementMethod { public boolean ontouchEvent(TextVIEw Widget,Spannable buffer,MotionEvent event) { int action = event.getAction(); if (action == MotionEvent.ACTION_UP || action == MotionEvent.ACTION_DOWN) { int x = (int) event.getX(); int y = (int) event.getY(); x -= Widget.getTotalpaddingleft(); y -= Widget.getTotalpaddingtop(); x += Widget.getScrollX(); y += Widget.getScrollY(); Layout layout = Widget.getLayout(); int line = layout.getlineForVertical(y); int off = layout.getoffsetForHorizontal(line,x); float xleft = layout.getPrimaryHorizontal(off); if (xleft < x) { off += 1; } else { off -= 1; } ClickableSpan[] link = buffer.getSpans(off,off,ClickableSpan.class); TaskSpan[] spans = buffer.getSpans(off,TaskSpan.class); if (link.length != 0) { if (action == MotionEvent.ACTION_UP) { link[0].onClick(Widget); } else if (action == MotionEvent.ACTION_DOWN) { Selection.setSelection(buffer,buffer.getSpanStart(link[0]),buffer.getSpanEnd(link[0])); } return true; } else if (spans.length != 0) { if (action == MotionEvent.ACTION_UP) { spans[0].onClick(Widget); } else if (action == MotionEvent.ACTION_DOWN) { Selection.setSelection(buffer,buffer.getSpanStart(spans[0]),buffer.getSpanEnd(spans[0])); } return true; } else { Selection.removeSelection(buffer); } } return false; }}
editText.setMovementMethod(new TaskMovementMethod());
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程小技巧。
总结以上是内存溢出为你收集整理的Android实现EditText的富文本编辑全部内容,希望文章能够帮你解决Android实现EditText的富文本编辑所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)