Android TextView加载HTMl图文之添加点击事件和查看图片
2018-01-16 17:45
627 查看
前言
用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<String> strings; public DetailTagHandler(Context context) { this.context = context; strings = new ArrayList<>(); } @Override public void handleTag(boolean opening, String tag, Editable output, XMLReader xmlReader) { // 处理标签<img> 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<Bitmap>() { @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中WebView加载Html中的图片添加点击事件
- Android TextView加载HTMl图文之让图片居中显示
- Android Design Demo 策略模式 TextView HTML封装 加下划线加图片加点击事件
- android webview加载html图片自适应手机屏幕大小&点击查看大图
- android webview加载html图片自适应手机屏幕大小&点击查看大图
- Android textView展示html图片,实现图文混排,点击查看大图片
- Android TextView加载HTMl图文时,图片溢出界面问题解决
- android webview加载html图片自适应手机屏幕大小&点击查看大图
- Android 给TextView添加点击事件
- Android TextView 给文本中指定片段添加自定义点击事件
- Android 给TextView添加点击事件
- Android TextView Html加载图片Glide
- Android给TextView添加点击事件的实现方法
- Android webview图片点击事件 查看图片
- android TextView、EditText对部分内容设置颜色、字体、超链接、图片、点击事件
- Android TextView 高亮字体并添加点击事件
- Android点滴---TextView,RadioButton 设置 HTML文本,加载网络图片
- Android开发给TextView添加点击事件
- android TextView加载html内容并加载图片
- android textView 加载HTML 异步加载网络图片