Comment puis-je avoir une image flottante (aligné à droite) avec du texte qui entoure l'image dans la disposition Android?

Question

Il est un peu difficile à expliquer, mais un exemple de ce que je suis désireux d'accomplir est comme ceci:

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. 

Je pensais à générer la mise en page en HTML et en utilisant une vue Web, mais je dois être capable d'effectuer une action lorsque l'utilisateur clique sur l'image. Quelqu'un a-t-il une idée?

Merci à l'avance,

groomsy

Answer 1

d'abord, vous devez travailler avec un code html, la création d'un modèle pour votre 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>" 

Créer JSInterface interagir avec votre modèle

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

ajoutez l'interface et votre modèle à votre 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); 

Answer 2

vous pouvez le faire sans html ... https://github.com/goingkilo/flowing-text-for-android-/blob/master/screenshot3.png