I have started developing an App using WebView. Actually I am loading an Image with Webview (I like to use the built-in zoom controls of the class). I can successfully load the Image but I can see some irritating white spaces. I can't find the way to remove it. My Images are 750 * 1000 in size. I have attached my code below.
webview.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" > <WebView android:id="@+id/webView" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </LinearLayout>
ImageViewer.java
package com.android.test; import android.app.Activity; import android.os.Bundle; import android.webkit.WebView; public class ImageViewer extends Activity { public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.webview); String loadUrl = "file:///android_res/drawable/splash_001.jpg"; WebView image = (WebView) findViewById(R.id.webView); image.clearView(); image.clearCache(true); image.getSettings().setBuiltInZoomControls(true); image.getSettings().setSupportZoom(true); image.getSettings().setLoadWithOverviewMode(true); image.getSettings().setUseWideViewPort(true); image.loadUrl(loadUrl); } }
By default webview has some margin/padding in body. If you want to remove that padding/margin then override body tag and add margin like:
<body style="margin: 0; padding: 0">
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With