Android---文本中缩略图点击弹出大图效果实现
2011-05-06 16:55
696 查看
Android---文本中缩略图点击弹出大图效果实现
转自/article/6979045.html很久没有写博客了,这两天一直忙于一个关于考试的项目,将其中的一些效果实现的经验写下来,希望给看到的人或者给有这方面需求的人帮助。首先来张效果图,没有经过美工处理的 实现基本功能![](http://pic002.cnblogs.com/images/2011/85880/2011022517243144.png)
<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> <mce:script language="javascript"><!-- function load(src){ document.getElementById('ig').src=src; } function setIv(src){ window.JsUseJave.setImgSrc(src) } // --></mce:script> </body> </html>[/code]1、最开始的时候是想在进入Activity的时候就自动加载图片
wv.loadUrl("javascript:load('"+imgSrc+"'");,但是发现一个问题在body的onload()中直接调用js:load(src)方法并没有执行。没办法只能用通过点击按钮给图片加载资源。后来突然想到可以JavaScript和Java互调,就把这一步添加到JavaScriptInterface类中,这个类要自己定义
final class JsUseJaveInterface{public void setImgSrc(String imgSrc){Intent intent =new Intent(E6.this,ImageShow.class);Bundle bundle=new Bundle();bundle.putString("imgSrc", imgSrc);intent.putExtras(bundle);startActivity(intent);}//登录加载图片public void onLoad(){wv.loadUrl("javascript:load('"+src+"')");}}设置JavaScript可调用Java
wv.addJavascriptInterface(new JsUseJaveInterface(), "JsUseJave");在html文件body的onload事件中通过java转一步调用javascript方法中的load(src)事件。这样就能在加载Activity的时候将缩略图同时显示出来了。2、有了前面的经验,点击缩略图弹出大图就好实现了。给<image/>添加点击事件间接的去调用Java中的一个方法重新打开一个Activity显示大图,就是上面的自定义的JsUseJavaInteface中的setImgSrc()方法。**js调用Java中方法:window.JsUseJave.onLoad(),JsUseJave是wv.addJavascriptInterface(new JsUseJaveInterface(), "JsUseJave");中的别名,onLoad()则是JsUseJaveInterface这个类中定义的一个方法。
相关文章推荐
- Android---文本中缩略图点击弹出大图效果实现
- Android---文本中缩略图点击弹出大图效果实现
- Android开发之文本中缩略图点击弹出大图效果实现
- Android---文本中缩略图点击弹出大图效果实现
- Android 缩略图点击弹出大图效果实现
- Android检测富文本中的<img标签并实现点击效果
- Android实现人人网点击“+”弹出效果
- JavaScript网站设计实践(五)编写photos.html页面,实现点击缩略图显示大图的效果
- Android实现点击缩略图放大效果
- Android实现人人网点击“+”弹出效果
- JQuery实现点击缩略图查看大图效果
- Android实现人人网点击“+”弹出效果
- 怎样实现textview里显示的缩略图,点击查看大图的效果
- JavaScript网站设计实践(五)编写photos.html页面,实现点击缩略图显示大图的效果
- Android实现人人网点击“+”弹出效果
- Android实现人人网点击“+”弹出效果
- Android实现人人网点击“+”弹出效果
- android 按钮点击效果实现 在studio下出现的错误
- Android大图轮播效果的实现-代码逻辑
- Android实现按钮点击效果(第一次点击变色,第二次恢复)