Android點擊縮略圖彈出大圖效果

編輯：關於android開發

　　這個效果的實現是把很多功能綜合在一起：1、自定義標題欄2、Java和JavaScript的互調3、Activity實現仿Dialog樣式4、多線程實現考試倒計時5、退出Activity時保存配置信息 6、UI布局。

　　java代碼：

　　<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>

　　最開始的時候是想在進入Activity的時候就自動加載圖片

　　java代碼：

　　wv.loadUrl("javascript:load('"+imgSrc+"'");

　　但是發現一個問題在body的onload()中直接調用js:load(src)方法並沒有執行。沒辦法只能用通過點擊按鈕給圖片加載資源。後來突然想到可以JavaScript和Java互調，就把這一步添加到JavaScriptInterface類中，這個類要自己定義。

　　java代碼：

　　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

　　java代碼：

　　wv.addJavascriptInterface(new JsUseJaveInterface(), "JsUseJave");

　　在html文件body的onload事件中通過java轉一步調用javascript方法中的load(src)事件。這樣就能在加載Activity的時候將縮略圖同時顯示出來了。

上一頁:Android UI開發中View自繪控件
下一頁:Android 用戶管理專題之創建自定義帳戶類型

關於android開發