2010-06-07 49 views
1

這是一種很難解釋,但我想完成什麼的一個例子是這樣的:如何使用環繞Android Layout中的圖像的文字顯示浮動圖像(右對齊)?

Here is some text | image | 
that is printed |  | 
out in a view and --------- 
it is wrapped around an 
image that is floating and 
right aligned. 

我想過生成HTML中的佈局和使用網絡的觀點,但我需要能夠在用戶點擊圖像時執行操作。有沒有人有任何想法?

由於提前,

groomsy

回答

0

首先你必須用一些HTML代碼工作,爲您創造的WebView模板...

 String TemplateHTML = 

"<div id=\"content\">[Replace with your CONTENT]</div><div id=\"myimage\"><a id=\"mylink\" onClick=\"window.demo.clickOnAndroid()\"><img id=\"myImage\" src=\"[Replace your image URL path]\" /></a></div>" 

創建JSInterface與模板

互動
final class myJavaScriptInterface { 
     myJavaScriptInterface() { 
     } 
     public void clickOnAndroid() { 
      mHandler.post(new Runnable() { 
       public void run() { 
Log.i("myJavaScriptInterface " ,"Jorge is Clickin the image!!! =D");   
       } 
      }); 
     } 
    } 

將接口和您的模板添加到您的webvie w ^!

MyWebView.addJavascriptInterface(new myJavaScriptInterface(), "demo");  
    MyWebView.loadDataWithBaseURL(null, TemplateHTML, "text/html", "utf-8", null); 
    WebSettings webSettings = WebContent.getSettings(); 
    webSettings.setSavePassword(false); 
    webSettings.setSaveFormData(false); 
    webSettings.setJavaScriptEnabled(true); 
    webSettings.setSupportZoom(true); 
+0

感謝您的例子。這很有道理。我試圖找到一種使用TextViews和ImageViews的方法,但這個例子適用於我的目的。 – groomsy 2010-06-07 22:18:44