使用textview显示html里面的图文混排效果,并且图片可点击索引到
由于公司要求,需要将网页版的论坛网站改版成手机版的app。
服务器后台过滤掉了论坛帖子的不需要的html标签信息,只留了<img>和\n\r标签。
<img>使用Html.fromHtml可以解析出来图片信息,\n\r在android textview中直接支持换行
所以需要图文混排效果显示,需要服务器断将帖子信息格式规范下,不需要的过滤,只保留<img>标签,需要回车换行的需要加上\n\r。
之前我发了个帖子“使用LevelListDrawable在textview中显示多张图片”
由于
需要传入的参数有source为带<img>等textview支持内容字符串,imagegetter为获取图片的类,里面有getdrawable方法;taghandler为tag标签的控制类,里面有handletag方法;
我们在重写的imagegetter类里使用异步下载,并且使用了Map<String, SoftReference<Bitmap>> mBitmapCache;实现了缓存处理,解决翻页的时候不需要再去加载,直接找内存里是否缓存了。如果图片需要居中显示,只要让textview.setGravity(Gravity.Center_Horiz....);
在重写的taghandler我是这样定义这个重写的类的
class MSpan extends ClickableSpan implements OnClickListener
可以在onclick方法里实现textview里面图片的点击事件,在handletag里面实现output.setSpan(new MSpan(tt), sIndex, eIndex,
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
将参数传入。
最后注意要实现点击效果,必须要textview。setclickable和setMovementMethod(LinkMovementMethod.getInstance());才行。
之前有个下划线问题,无法去除下划线
//无下划线超链接,使用textColorLink、textColorHighlight分别修改超链接前景色和按下时的颜色 private class NoLineClickSpan extends ClickableSpan { SpannableString text; public NoLineClickSpan(SpannableString text) { super(); this.text = text; } @Override public void updateDrawState(TextPaint ds) { ds.setColor(Color.BLACK); ds.setUnderlineText(false); } @Override public void onClick(View widget) { //点击超链接时调用 // processHyperLinkClick(text); } }
ClickableSpan clickspan = new NoLineClickSpan(msp); msp.setSpan(clickspan, 0, msp.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);可以解决去掉下划线!
整理整理挂到github上去做个库开源。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。