Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發實例 >> Android點擊縮略圖彈出大圖效果

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的時候將縮略圖同時顯示出來了。

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved