InApp-Browser：Actionbar 与 WebView 内容重叠

Posted 2023-05-07

【中文标题】InApp-Browser：Actionbar 与 WebView 内容重叠

【英文标题】：InApp-Browser: Actionbar overlaps WebView content

【发布时间】：2017-09-10 15:51:27

【问题描述】：

我的问题是操作栏与此处的任何 webview 内容重叠：

为了比较，它与 Instagram 徽标应该是这样的：https://www.instagram.com/about/us/

---

这是我的InAppBrowser 的activity_browser.xml 以打开外部webview 内容：

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main_content"
    android:layout_
    android:layout_
    android:background="@android:color/white"
    android:fitsSystemWindows="true"
    tools:context=".InAppBrowser">

    <android.support.design.widget.AppBarLayout
        android:layout_
        android:layout_
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_
            android:layout_
            android:background="?attr/colorPrimaryDark"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

    </android.support.design.widget.AppBarLayout>

    <WebView
        android:id="@+id/webView"
        android:layout_
        android:layout_ />

    <ProgressBar
        android:id="@+id/progressBar"
        style="@style/Widget.AppCompat.ProgressBar.Horizontal"
        android:layout_
        android:layout_
        android:layout_marginTop="-7dp"
        android:indeterminate="true"
        android:visibility="gone"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

</android.support.design.widget.CoordinatorLayout>

Actionbar 与 webview 重叠，因此 webview 内容似乎从 Actionbar 开始的地方开始。

我尝试将AppBarLayout、WebView 和ProgressBar 包装在附加的RelativeLayout 中，但这也不起作用。

感谢任何建议。

【参考方案1】：

我刚刚添加了

android:layout_marginTop="?attr/actionBarSize"

到WebView，现在它在视觉上工作了，因为我将边距偏移设置为与操作栏相同的大小，但我认为这更像是一个hacky解决方案，所以我仍然欣赏其他解决方案/建议。