在全屏中使用WebView和RelativeLayout时出现奇怪的行为

时间:2011-12-18 08:08:45

标签: android layout webview fullscreen

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

-

我的活动包括webview和底部的按钮。我使用onCreate中的代码

将活动窗口设置为全屏
@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似乎将按钮“推”出屏幕。这是截图:

wrong

larger version

我希望看到的(以及有时我做的)就在这里:

correct

larger version

这是我正在使用的布局(请注意,在我的应用中,顶部布局必须是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>

我还注意到,如果你使用系统设置关闭设备上的所有动画,问题就会消失(尽管当整个视图有一个上边距然后它跳回到正确位置时会出现这个故障)。

有没有人遇到类似的问题,知道如何解决它?

8 个答案:

答案 0 :(得分:2)

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

请参阅此帖:flag_fullscreen + windowNoTitle == button focus bug

答案 1 :(得分:1)

我刚刚在Hello WebView教程中添加了一个按钮,一切看起来都很正确。然后我将main.xmlLinearLayout转换为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>

答案 2 :(得分:1)

尝试将网络视图与父级对齐,并将按钮与父级底部对齐,使其位于网络视图下方。我发现,如果没有真正的原因,如果这些元素不是以线性序列串在一起,无论是固定在屏幕的顶部还是底部,那么元素就不能正确排列。

我认为你没有覆盖onMeasure()方法并改变按钮的测量高度。我在开发我的应用程序期间通过在布局阶段错误计算元素的高度来创建大量(太多)错误,并花了几个小时努力调试布局定义代码,但发现它很好,但高度计算是将无效数据输入布局的渲染阶段。

答案 3 :(得分:0)

除非绝对必要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>

应该会有更好的结果。

答案 4 :(得分:0)

隐藏我使用的标题栏:

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)上测试过,并且在相对布局上运行良好。

从截图中我可以看出问题在于您所请求的不完整进度指示器。关闭动画时问题消失的事实也支持这一理论。

答案 5 :(得分:0)

你可以试试这个。顶部布局仍为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>

LinearLayoutWebView占据整个窗口(和父级)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();

    }

答案 6 :(得分:0)

请参阅此链接:

http://marakana.com/forums/android/examples/58.html

下载项目(.zip)文件。

导入它并告诉我这个项目是否有任何帮助。

答案 7 :(得分:0)

下面的代码可能对您有帮助,

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