android - 如何在 Android Layout 中使用环绕图像的文本生成浮动图像（右对齐）？

Question

这有点难以解释，但我想要完成的一个例子是这样的：

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 中生成布局并使用 web 视图，但我需要能够在用户单击图像时执行操作。有没有人有任何想法？

提前致谢，

新郎

Answer 1

你可以在没有 html 的情况下做到这一点...... https://github.com/goingkilo/flowing-text-for-android-/blob/master/screenshot3.png

Answer 2

首先你必须使用一些 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");        
                }
            });
        }
    }

将界面和模板添加到您的 web 视图中！

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