透明状态栏与操作栏重叠

时间:2017-02-21 21:57:50

标签: android android-actionbar statusbar transparent

实际结果:状态栏显示在操作栏Toolbar上方,操作栏内的MenuItem被切断。注意:“测试”是操作栏的title

JankActionBar

预期结果: 操作栏Toolbar的上限应直接显示在状态栏的下限之下,操作栏内的任何MenuItem应完全可见。

活动的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>

操作栏titleMenuItem在运行时添加。

@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视图之前,状态栏仍然覆盖了操作栏,但“跳过”MenuItem在操作栏中垂直居中,导致其部分显示在状态栏下方。我希望fitsSystemWindows=true标志能够给出我预期的结果(如上所述),但事实并非如此。好像fitsSystemWindows="true"正确定位了“跳过”按钮,但没有调整操作栏本身的位置。任何人都知道这里可能存在什么问题?

编辑:我意识到我可以删除fitsSystemWindows="true"并在marginTop="...statusBarHeight"视图中添加Toolbar,但我正在寻找一种更清晰的解决方法。

3 个答案:

答案 0 :(得分:4)

我的问题是由于我将Toolbar&#39; layout_height设置为?attr/actionBarSize。我原本以为fitsSystemWindows会重新定位Toolbar,但它似乎会添加填充。因此,当向Toolbar添加顶部填充时,Toolbar的内容会被按下。由于Toolbar的高度是固定的,因此内容被推到容器的下限之下。我最终将?attr/actionBarSize设置为Toolbar的{​​{1}}属性的值来解决此问题。以下是我更新的minHeight

Toolbar

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

HugeActionBar

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

答案 1 :(得分:0)

尝试将工具栏移至 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/>

答案 2 :(得分:0)

我正在使用标志使活动全屏,我的风格是 NoActionBar。

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

我用 ToolBar 包裹了 AppBarLayout,就像在 Twinkie_Monkey's answer 中一样,我将 fitsSystemWindows=true 设置为 AppBarLayout 并且它起作用了。