Android: Issues while displaying image with url in webview

Question

I am displaying some images in my webview with the help of their urls and i want them to be in center of the available space but images are being aligned at top and one more thing i am creating the webview dynamically to display in viewpager.Actually i am trying to implement functionality which should be like currently available in facebook application for android devices.

thanks.

@Zacharias : its not about just one image here i need to display about 100 images. — Akram, Feb 27 '12 at 09:15

score 5 · Accepted Answer · answered Feb 28 '12 at 17:19

5

You ought to be able to wrap the images in html and center them via css. Done it in one of my apps.

public class YourActivity extends Activity {

private static final String HTML_FORMAT = "<html><body style=\"text-align: center; background-color: black; vertical-align: center;\"><img src = \"%s\" /></body></html>";
private WebView mWebView;

@Override
protected void onCreate(Bundle savedInstanceState) {
    mWebView = (WebView) findViewById(R.id.yourWebView);

    final String imgUrl = "http://db.tt/2283dXLT";
    final String html = String.format(HTML_FORMAT, imgUrl);

    mWebView.loadDataWithBaseURL("", html, "text/html", "UTF-8", "");
    }
}

Hope this helps

You should be able to display any number of images just by changing the imgUrl.

answered Feb 28 '12 at 17:19

bytebender

7,371
2
31
54

i tried your code but unfortunate for me its not working .+1 for yor help – Akram Mar 01 '12 at 07:41
What is happening? Are you getting an exception or is the image not displaying or...? – bytebender Mar 01 '12 at 16:03
no i am not getting any error but image is not coming in center. – Akram Mar 01 '12 at 16:18
Can you post the xml code for your WebView? What are the height and width set to? – bytebender Mar 01 '12 at 16:25
actually i am not using xml here i am creating these webviews dynamically. – Akram Mar 01 '12 at 16:54
What are you setting the height and width to then? – bytebender Mar 01 '12 at 17:08
i am giving both fill_parent and image is aligning top of my view – Akram Mar 02 '12 at 06:30
please have a look:http://stackoverflow.com/questions/31582132/cannot-align-webview-image-in-centre-of-a-dialog ...I tried your answer,but it is not working – kgandroid Jul 23 '15 at 13:24

score 0 · Answer 2 · answered Apr 14 '12 at 09:50

0

I tried with your code and find solution. In additon to above code you need to put the below code in onCreate().

mWebView.getSettings().setUseWideViewPort(false);

answered Apr 14 '12 at 09:50

mH16

2,356
4
25
35

Android: Issues while displaying image with url in webview

2 Answers2