如何在LinearLayout中设置WebView

Question

我正在尝试在linearlayout中设置webview。我刚刚在线性布局中创建了一个xml线性布局文件，进度条和一个webview。

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ProgressBar
        android:id="@+id/progWeb"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/darker_gray"
        android:max="100"
        android:visibility="invisible" />

    <WebView
        android:id="@+id/web"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />

</LinearLayout>

和java文件只显示进度条。此代码未显示Webview

public class MainActivity extends Activity {

    private WebView web;
    private ProgressBar progBar;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getWindow().requestFeature(Window.FEATURE_PROGRESS);
        setContentView(R.layout.activity_main);
        web = (WebView) findViewById(R.id.web);
        progBar = (ProgressBar) findViewById(R.id.progWeb);

        progBar.setVisibility(ProgressBar.INVISIBLE);
        String url = "http://www.google.com.pk/";

        web.getSettings().setJavaScriptEnabled(true);
        web.setWebChromeClient(new WebChromeClient() {
            public void onProgressChanged(WebView view, int progress) {
                System.out.println(progress);
                progBar.setProgress(progress);

                if (progress == 100) {
                    progBar.setVisibility(ProgressBar.INVISIBLE);
                    progBar.setProgress(0);
                } else {
                    progBar.setVisibility(ProgressBar.VISIBLE);
                }
            }
        });

        web.loadUrl(url);

    }
}

Answer 1

您需要将LinearLayout的方向设为vertical，默认为horizontal

Answer 2

将布局更改为

 <?xml version="1.0" encoding="UTF-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/layout"
android:layout_width="fill_parent"
android:orientation="vertical"//==============> Here
android:layout_height="fill_parent" >

<ProgressBar
    android:id="@+id/progWeb"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/darker_gray"
    android:max="100"
    android:visibility="invisible" />

<WebView
    android:id="@+id/web"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" />

</LinearLayout>

默认情况下，LinearLayout会将方向设置为Horizontal。指定方向类型将解决您的问题

Answer 3

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <WebView
        android:id="@+id/web"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />

</LinearLayout>

---

您的活动

public class YourActivityName extends Activity{

    private WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        this.getWindow().requestFeature(Window.FEATURE_PROGRESS);
        setContentView(R.layout.aboutus);

        String url = "http://www.google.com.pk/";
        getWindow().setFeatureInt(
            Window.FEATURE_PROGRESS, Window.PROGRESS_VISIBILITY_ON); 
        webView=(WebView)findViewById(R.id.webViewLoad); 
        webView.getSettings().setJavaScriptEnabled(true);   
        webView.getSettings().setSupportZoom(true);         
        webView.getSettings().setBuiltInZoomControls(true);
        webView.loadUrl(url);

        webView.setWebViewClient(new WebViewClient() {
            ProgressDialog progressDialog = new ProgressDialog(YourActivity.this);

            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                super.onPageStarted(view, url, favicon);
                Log.e("I am  loading Here ","Start");
                progressDialog.setTitle("Loading");
                progressDialog.setMessage("Please wait....");
                progressDialog.show();
            }

            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                Log.e("I am  loading Here ","Override");
                view.loadUrl(url);
                return true;    
            }

            @Override
            public void onPageFinished(WebView view, String url) {
                progressDialog.dismiss();
            }
        });
    }
}

Answer 4

更改LinearLayout方向android:orientation="vertical"并更改进度条的宽度android:layout_width="wrap_content"

同时更改Progressbar Gravity。 android:layout_gravity="center"

Answer 5

你最好在RelativeLayout里面使用Webview而不是Linear，它应该解决问题。

<ProgressBar
    android:id="@+id/progWeb"
    style="@style/progressbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/darker_gray"
    android:max="100"
    android:visibility="invisible" />

<WebView
    android:id="@+id/web"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_below="@+id/progWeb"
    android:layout_marginTop="28dp" />