Android---文本中缩略图点击弹出大图效果实现-技术开发it知识库-Ubuntu系统_Ubuntu服务器

　　很久没有写博客了，这两天一直忙于一个关于考试的项目，将其中的一些效果实现的经验写下来，希望给看到的人或者给有这方面需求的人帮助。

　　首先来张效果图，没有经过美工处理的实现基本功能

　　其实做这个项目复习了很多内容，将之前单个项目中用到的某些功能综合到一起了，例如1、自定义标题栏2、Java和JavaScript的互调3、Activity实现仿Dialog样式4、多线程实现考试倒计时5、退出Activity时保存配置信息（考试剩余时间）6、熟悉UI布局

　　上面这些效果中，讲讲通过Java和JavaScript互调实现点击文本中缩略图弹出一个大图。

　　最开始想实现这种效果的时候就想到了TextView控件，因为TextView通过Html这个类可以在文本中插入图片。但是有个问题困扰着我，一个文本中的图片个数是不确定的，我怎样在一个TextView中添加多个图片（这个好解，通过TextView的append方法可以拼接任意张，因为这里的缩略图都是相同的，但这却无法定位我点击了那个缩略图，应该弹出那个大图）。最后实在没办法，我想到了WebView这个控件，通过它加载一个本地html页面，在其中通过给<image />对象添加onclick事件，传递一个imgSrc参数给Java方法，透过Java方法打开一个Activity来显示图片，ok,整个要实现的效果就完成了。So Easy，虽然最后实现这个效果没多少代码，但是从TextView这个控件一路走来到WebView,也耗费了将近一天的功夫，但是这个过程却非常值得享受，喔，我又懂得了更多。

　　下面通过代码一步一步来解析：首先是准备asset中的本地html文件。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body onload="window.JsUseJave.onLoad()">
Write a recount for your newsletter using the notes given _____
    <a onClick='setIv("/sdcard/IMG001.png")' > <img id="ig"/></a>
<script language="Javascript">
function load(src){
      document.getElementById('ig').src=src;
}
    
function setIv(src){
    window.JsUseJave.setImgSrc(src)
}
</script>
</body>
</html>        
        
        
        
      
        it知识库：Android---文本中缩略图点击弹出大图效果实现，转载需保留来源！
        郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

相关文章阅读