全屏使用 WebView 和relativelayout 时出现奇怪的行为

Question

编辑： 以下是显示问题的视频：www.youtube.com/watch?v=5ZZsuMH5T9k我真的被困在这里了 :/

——

我有一个由 webview 和底部按钮组成的活动。我在 onCreate 中使用以下代码将 Activity 的窗口设置为全屏：

@Override
public void onCreate(Bundle savedInstanceState) {
  InstaFetchApplication.applyCurrentTheme(this);

  super.onCreate(savedInstanceState);

  getWindow().addFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON);
  requestWindowFeature(Window.FEATURE_PROGRESS);

  if (UserPreferences.getIsFullScreenReadingEnabled(this)) {
    requestWindowFeature(Window.FEATURE_NO_TITLE);

    // this just do this: window.setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
    ActivityUtils.toggleFullScreen(this, true);
  }

  setContentView(R.layout.view_article);

  // ...
}

问题是大多数时候 webview 似乎将按钮“推”出了屏幕。这是屏幕截图：

(更大版本）

我期望看到的（有时我确实看到的）在这里：

（较大版本）

这是我正在使用的布局（请注意，在我的应用程序中，顶部布局必须是relativelayout）：

<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/layout_test"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
>
  <Button
    android:id="@+id/button"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:text="Click me!"
  />
  <WebView
    android:id="@+id/web_view"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_above="@id/button"
  />
</RelativeLayout>

我还注意到，如果您使用系统设置关闭设备上的所有动画，问题是消失了（虽然当整个视图有上边距然后跳回到正确的位置时就会出现这个问题）。

有没有人遇到过类似的问题并知道如何解决？

Answer 1

最后我找到了答案。在窗口中添加 WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS 标志解决了我的问题。

请参阅这篇文章：flag_fullscreen + windowNoTitle == 按钮焦点错误。

Answer 2

我刚刚在 Hello WebView 教程中添加了一个按钮，以及所有内容看起来似乎是对的。然后我将 main.xml 从 LinearLayout 转换为 RelativeLayout，一切看起来仍然正确。我认为你把事情搞得太复杂了。 :-) 尝试从 onCreate() 中删除大部分初始化代码，然后在 XML 中指定它。

这是我的项目。

AndroidManifest.xml：

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.android.hellowebview"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk android:minSdkVersion="4" android:targetSdkVersion="15" />
    <uses-permission android:name="android.permission.INTERNET" />

    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name" >
        <activity
            android:name=".HelloWebViewActivity"
            android:label="@string/app_name" 
            android:theme="@android:style/Theme.NoTitleBar"
            >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
</manifest>

HelloWebViewActivity.java：

package com.example.android.hellowebview;

import android.app.Activity;
import android.os.Bundle;
import android.view.KeyEvent;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class HelloWebViewActivity extends Activity {

    WebView mWebView;

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

        mWebView = (WebView) findViewById(R.id.webview);
        mWebView.setWebViewClient(new HelloWebViewClient());
        mWebView.getSettings().setJavaScriptEnabled(true);
        mWebView.loadUrl("http://www.google.com");
    }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {
            mWebView.goBack();
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }

    private class HelloWebViewClient extends WebViewClient {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            return true;
        }
    }
}

main_ll.xml（LinearLayout）：

<?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" >

    <WebView
        android:id="@+id/webview"
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
    />
    <Button
        android:id="@+id/mainbtn"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:text="@string/btn_label"
    />
</LinearLayout>

main_rl.xml（RelativeLayout）：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
    <WebView
        android:id="@+id/webview"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_above="@+id/mainbtn"
    />
    <Button
        android:id="@+id/mainbtn"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:text="@string/btn_label"
    />
</RelativeLayout>

strings.xml：

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <string name="hello">Hello World, HelloWebViewActivity!</string>
    <string name="app_name">HelloWebView</string>
    <string name="btn_label">Push Me</string>

</resources>

Answer 3

尝试将 Web 视图与父级顶部对齐，并将按钮与父级底部对齐， 使其位于 Web 视图下方。我发现有时，如果没有真正的原因，如果元素没有全部按线性顺序串在一起（锚定在屏幕的顶部或底部），则它们不会完全正确排列。

我认为您没有重写 onMeasure() 方法并更改按钮的测量高度。我在应用程序开发过程中通过在布局阶段错误计算元素的高度而产生了许多（太多）错误，并且花了几个小时努力调试布局定义代码，结果发现它很好，但高度计算是将无效数据输入布局的渲染阶段。

Answer 4

除非 RelativeLayout 是绝对必要的，否则您可以更改为 LinearLayout：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <WebView 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"/>
    <Button 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="I'm a button"/>
</LinearLayout>

它应该会提供更好的结果。

Answer 5

要隐藏标题栏，我使用：

getWindow().requestFeature(Window.FEATURE_NO_TITLE);
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);

在 Galaxy S 2 (Android 2.3.3) 和华为 U8180 X1 (Android 2.2.2) 上进行测试，并且与您的相对布局配合良好。

从屏幕截图来看，我的印象是问题在于您请求的进度指示器不完整。关闭动画后问题消失的事实也支持了这一理论。

Answer 6

你可以试试这个。顶部布局仍然是 RelativeLayout，与您的唯一区别是 LinearLayout 包裹了所有内容：

    <RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/layout_test"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"

>
<LinearLayout android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:orientation="vertical"
  android:weightSum="1">
  <WebView

      android:id="@+id/web_view"
      android:layout_width="fill_parent"
      android:layout_height="0px"
      android:layout_weight=".90" />


</LinearLayout>
</RelativeLayout>

在 LinearLayout 中，WebView 占据 整个窗口（和父窗口）的 90% 和按钮剩余的 10%。两者的高度都设置为 0px，因此重量可以为它们完成工作。解析此 xml 的成本微不足道。

在 Java 代码中我做了：

   @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);


       getWindow().addFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON);
       getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
       requestWindowFeature(Window.FEATURE_NO_TITLE);
        requestWindowFeature(Window.FEATURE_PROGRESS);
        setContentView(R.layout.main);
        LinearLayout mLinearLayout = (LinearLayout)findViewById(R.id.ll);
        Button mButton = new Button(this);
        LinearLayout.LayoutParams mParams = new LinearLayout.LayoutParams(LayoutParams.FILL_PARENT, 0, 0.10f);
        mButton.setText("Click me!");
        mButton.setLayoutParams(mParams);
        mLinearLayout.addView(mButton);
        mLinearLayout.invalidate();

    }

Answer 7

下面的代码可能会帮助你，

    webView = (WebView) findViewById(R.id.webview1);
    webView.setInitialScale(100);

    webView.setWebViewClient(new WebViewClient() {
        @Override
        public void onPageFinished(WebView view, String url) {
            // TODO Auto-generated method stub
            super.onPageFinished(view, url);
            view.scrollTo(0, 0);

        }

        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {

            view.loadDataWithBaseURL(null, yourdata, "text/html", "utf-8", null);
            // view.loadUrl(url);
            return true;
        }
    });


webView.setWebChromeClient(new WebChromeClient() {
    @Override
    public void onProgressChanged(WebView view, int newProgress) {
        try {
            //your stuff
        } catch (Throwable e) {
            e.printStackTrace();
        }
    }
}