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

时间:2012-07-09 16:24:05

标签: android

在我的应用程序中,我使用webview。 web视图正在考虑我加载到其中的图像的大小。现在的问题是,如果我想在7英寸或10英寸平板电脑屏幕上查看它们,我会在网页视图的右侧看到一个白色边框。

所以我希望图片适合小屏幕和大屏幕上的网页浏览。

这是我拥有的网页视图的代码:

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

这是针对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>

2 个答案:

答案 0 :(得分:1)

我会将PNG包装在一个小的HTML文件中,并将其图像标记设置为100%宽度。

答案 1 :(得分:0)

如果您创建的网页视图的大小设置为图片的大小,则不同分辨率设备上的网页视图大小将不同。更好的方法(如果您希望您的应用在所有屏幕尺寸上显示相同)将使用权重(android:layout_weight="X")来创建不依赖于内容大小的比例布局,但是让webview占据屏幕的一定比例。这样,无论设备大小如何,您都可以使您的webview(例如)占据屏幕的50%。