如何为小屏幕和大屏幕设置相同的Webview宽度

Question

In my app i make use of webview. The webviews are taking the sizes of the images that i load into them. Now is the problem that if i want to view them on a 7" or 10" tablet screen i'm getting a white border on the right side of the webview.

So i want that the images fit into the webviews on small and large screens.

This is the code for a webview that i have:

package be.weaterApp.weatherwatch;

import android.app.Activity;
import android.app.ProgressDialog;
import android.content.pm.ActivityInfo;
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class Dauwpunten extends Activity{
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.temperaturen);

    String loadUrl = "http://www.meteociel.fr/cartes_obs/pointrosee.png";

    // initialize the browser object
    WebView browser = (WebView) findViewById(R.id.webviewt);

    browser.getSettings().setLoadWithOverviewMode(true);
    browser.getSettings().setUseWideViewPort(true);
    browser.getSettings().setBuiltInZoomControls(true);
    setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
    final ProgressDialog pd = ProgressDialog.show(this, "", "De kaart wordt geladen...", true);
    //setContentView(R.layout.weerforu);

    browser.setWebViewClient(new WebViewClient() {
      @Override
      public void onPageFinished(WebView view, String url) {
        pd.dismiss();
      }
    });
    try {
        // load the url
        browser.loadUrl(loadUrl);
    } catch (Exception e) {
        e.printStackTrace();
    }
}
}

And this is for the xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >






<com.android.sdk.mobgold.MobRequest
    android:id="@+id/ad"
    android:layout_width="fill_parent"
    android:layout_height="50dip"
    android:layout_gravity="center_horizontal"
    android:clickable="true" />


<android.webkit.WebView
    android:id="@+id/webviewt"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

</android.webkit.WebView>

</LinearLayout>

Answer 1

我会将PNG包装在一个小的HTML文件中，并将其图片标签设置为100％宽度。

Answer 2

If you create a webview whose size is set to the size of an image, the webview is going to be different sizes on different resolution devices. A better way to do it (if you want your app to appear the same on all screen sizes) would be to use weights ( android:layout_weight="X" ) to create a proportional layout which doesn't depend on the size of the content, but makes the webview take up a certain percentage of the screen instead. This way, you can make your webview (for example) take up exactly 50% of the screen regardless of the size of the device.