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

Это сложно объяснить, но пример того, что я хочу сделать, выглядит так:

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

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

жених


android image layout floating
person groomsy    schedule 07.06.2010    source источник

Ответы (2)


arrow_upward
0
arrow_downward

сначала вы должны работать с некоторым 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);
person Jorgesys    schedule 07.06.2010
comment
Спасибо за пример. Это имело большой смысл. Я пытался найти способ сделать это с помощью TextViews и ImageViews, но этот пример хорошо подходит для моих целей. - person groomsy; 08.06.2010

arrow_upward
2
arrow_downward

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

person goingkilo    schedule 08.04.2011
comment
-1, не могли бы вы предоставить фрагмент кода, который создает это изображение? - person user7116; 08.04.2011
comment
Полный исходный код доступен на github, что еще вам нужно? - person Timo; 12.02.2013