Как получить плавающее изображение (выровненное по правому краю) с текстом, который оборачивается вокруг изображения в макете Android?

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 и использовании веб-представления, но мне нужно иметь возможность выполнять действие, когда пользователь нажимает на изображение. У кого-нибудь есть идеи?

Заранее спасибо,

groomsy

Answer 1

вы можете сделать это без HTML ... https://github.com/goingkilo/flowing-text-for-android-/blob/master/screenshot3.png

Answer 2

сначала вы должны поработать с HTML-кодом, создав шаблон для своего веб-просмотра ...

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

добавьте интерфейс и ваш шаблон в ваше веб-представление!

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