Android(安卓)TextView加载HTMl图文之添加点击事件和查看图片
16lz
2021-01-26
前言
用TextView显示Html图文,每一个需求都是需要探索的,不再是简单的添加点击事件就可以了。
1、如何添加点击事件
这里要使用上在Html.forHtml()方法中的第四个参数:Html.TagHandler。顾名思义就是标签处理的类。
charSequence = Html.fromHtml(article.getContent(), Html.FROM_HTML_MODE_LEGACY, new DetailImageGetter(this, contentView), new DetailTagHandler(this));
然后就是创建这个自定义处理类了:
public class DetailTagHandler implements Html.TagHandler { private Context context; private ArrayList strings; public DetailTagHandler(Context context) { this.context = context; strings = new ArrayList<>(); } @Override public void handleTag(boolean opening, String tag, Editable output, XMLReader xmlReader) { // 处理标签 if ("img".equals(tag.toLowerCase(Locale.getDefault()))) { // 获取长度 int len = output.length(); // 获取图片地址 ImageSpan[] images = output.getSpans(len - 1, len, ImageSpan.class); String imgURL = images[0].getSource(); // 记录所有图片地址 strings.add(imgURL); // 记录是第几张图片 int position = strings.size()-1; // 使图片可点击并监听点击事件 output.setSpan(new ClickableImage(context, position), len - 1, len, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); } } private class ClickableImage extends ClickableSpan { private Context context; private int position; public ClickableImage(Context context, int position) { this.context = context; this.position = position; } @Override public void onClick(View widget) { Intent intent = new Intent(context, PhotoActivity.class); intent.putStringArrayListExtra("url", strings); intent.putExtra("position", position); context.startActivity(intent); } }}
简单的说明一下,
1、handleTag()
这个方法是在Html解析Html的时候调用的,这里是处理了“img“标签,也可以在这里给其他标签自定义内容。方法里的代码已经给出了注释,没什么好说的。
2、ClickableImage类
这个内部类就是监听图片点击的,需要传递什么数据直接放进来就好了。
2、查看图片
我使用的是Github上的第三方图片查看控件PhotoView。
贴下地址:
github地址:https://github.com/chrisbanes/PhotoView
集成:
在projects的build中:
allprojects { repositories { jcenter() maven { url "https://jitpack.io" } }}
在module的build中:
compile 'com.github.chrisbanes:PhotoView:1.3.0'
然后就是用ViewPager和适配器来显示PhotoView了。
PhotoView的使用方法和图片加载方法:
@Override public Object instantiateItem(ViewGroup container, int position) { View contentView = LayoutInflater.from(context).inflate(R.layout.item_photo, container, false); final PhotoView photoView = (PhotoView) contentView.findViewById(R.id.item_photo_view); final PhotoViewAttacher photoViewAttacher = new PhotoViewAttacher(photoView); Glide.with(context) .load(data.get(position)) .asBitmap() .placeholder(R.drawable.banner_holder) .diskCacheStrategy(DiskCacheStrategy.ALL) .into(new SimpleTarget() { @Override public void onResourceReady(Bitmap resource, GlideAnimation<? super Bitmap> glideAnimation) { photoView.setImageBitmap(resource); photoViewAttacher.update(); } }); container.addView(contentView); return contentView; }
这里用ViewPager的话需要注意一个问题:
在缩放的时候会遇到崩溃的情况。
java.lang.IllegalArgumentException: pointerIndex out of range
这是android系统自身的原因,如果要改的话就需要去修改底层库,另外一种解决方法就是抓取这个异常,处理掉。
那么在哪里处理这个异常呢?一下子很难去找到抓取的点。
其实只要在事件分发的角度去考虑就行了,自定义一个ViewPager去重写事件分发方法:
public class PhotoViewPager extends ViewPager { public PhotoViewPager(Context context) { super(context); } public PhotoViewPager(Context context, AttributeSet attrs) { super(context, attrs); } @Override public boolean onTouchEvent(MotionEvent ev) { try { return super.onTouchEvent(ev); } catch (IllegalArgumentException ex) { ex.printStackTrace(); } return false; } @Override public boolean onInterceptTouchEvent(MotionEvent ev) { try { return super.onInterceptTouchEvent(ev); } catch (IllegalArgumentException ex) { ex.printStackTrace(); } return false; }}
好了!到这里就大功告成了。
3、总结
在用TextView显示Html图文的时候,需要自己去改的东西太多了,经常把自己卡住,但只要有了灵活的思维,很多问题其实很简单可以解决。
更多相关文章
- Android之Bitmap 高效加载
- Android开发环境的搭建方法
- android中onClick事件的实现
- Android面面观——Android事件处理下(按键、触摸屏和滚动球的一些
- adb monkey(详细分析)
- QuickSand图片点击后分裂成几份消失效果
- Android学习一之环境搭建
- Android(安卓)Unable to resolve target 'android-8'
- Android(安卓)View 事件分发机制梳理