透明状态栏与操作栏重叠

Question

实际结果：状态栏出现在操作栏Toolbar上方，操作栏内的MenuItem被截断。注意：“测试”是操作栏的title。

预期结果： 操作栏Toolbar 的上边界应直接显示在状态栏下边界的下方，并且操作栏中的任何MenuItems 都应完全可见。

Activity 的 XML 布局：

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/layout_root"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/image_background"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"
        android:src="@drawable/background"
        tools:ignore="ContentDescription"/>

    <android.support.v7.widget.Toolbar
        android:id="@+id/action_bar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@android:color/transparent"
        android:fitsSystemWindows="true"
        app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>

</FrameLayout>

操作栏title 和MenuItem 在运行时添加。

@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.test);

    setSupportActionBar((Toolbar) findViewById(R.id.action_bar));
    ActionBar actionBar = getSupportActionBar();
    assert actionBar != null;
    actionBar.setDisplayHomeAsUpEnabled(false);
    actionBar.setTitle("Test");
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.menu_test, menu);
    return true;
}

在我将fitsSystemWindows="true" 添加到Toolbar 视图之前，状态栏仍然覆盖在操作栏上，但“SKIP”MenuItem 在操作栏中垂直居中，导致它部分显示在状态栏下方.我希望fitsSystemWindows=true 标志能给我我预期的结果（如上所述），但它没有。就好像fitsSystemWindows="true" 正确定位了“跳过”按钮，但没有调整操作栏本身的位置。有人知道这里可能是什么问题吗？

编辑：我意识到我可以删除 fitsSystemWindows="true" 并将 marginTop="...statusBarHeight" 添加到 Toolbar 视图，但我正在寻找一种更清洁的方法来解决这个问题。

Answer 1

我的问题是由于我将Toolbar 的layout_height 设置为?attr/actionBarSize。我最初认为fitsSystemWindows 重新定位Toolbar，但它似乎添加了一个填充。因此，当向Toolbar 添加顶部填充时，Toolbar 的内容被下推。因为Toolbar 的高度是固定的，所以内容被推到容器的下限之下。我最终将?attr/actionBarSize 设置为Toolbar 的minHeight 属性的值来解决这个问题。以下是我更新的Toolbar：

<android.support.v7.widget.Toolbar
    android:id="@+id/action_bar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:minHeight="?attr/actionBarSize"
    android:background="@android:color/transparent"
    android:fitsSystemWindows="true"
    app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>

警告：如果您不想在操作栏正下方显示任何内容，则此方法有效，因为操作栏的高度出于某种原因，大约是所需高度的两倍包含单行主页图标、标题和/或菜单项。如果有人知道实现非重叠状态栏和正常大小操作栏的方法，请分享您的见解。我将永远感激不尽。

警告更新：好的。所以显然我的操作栏收到了额外的底部填充，相当于导航栏的高度，因为我在Activity 的主题上设置了<item name="android:windowTranslucentNavigation">true</item>。我通过删除windowTranslucentNavigation 属性验证了这一点。我正在使用 Android 支持库 v25.1.1 在 7.1 像素上对此进行测试。

Answer 2

尝试将您的 Toolbar 移动到 AppBarLayout。

像这样：

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/AppTheme.AppBarOverlay">

 <android.support.v7.widget.Toolbar
        android:id="@+id/action_bar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@android:color/transparent"
        android:fitsSystemWindows="true"
        app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>

<AppBarLayout/>

Answer 3

我正在使用标志来全屏显示活动，我的风格是 NoActionBar。

如果我将fitsSystemWindows=true 设置为工具或父布局，则活动内容大小会因导航栏和状态栏而改变。

我将ToolBar 与AppBarLayout 包裹在Twinkie_Monkey's answer 中，然后我将fitsSystemWindows=true 设置为AppBarLayout 并且它起作用了。