其他分享
首页 > 其他分享> > 透明状态栏与操作栏重叠

透明状态栏与操作栏重叠

作者:互联网

实际结果:状态栏出现在操作栏工具栏上方,并且该操作栏内的MenuItem被切断.注意:“测试”是操作栏的标题.

JankActionBar

预期结果:
操作栏工具栏的顶部边界应直接显示在状态栏底部边界的下方,并且该操作栏中的所有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>

操作栏标题和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”之前,状态栏仍然覆盖在操作栏上,但是’SKIP’MenuItem垂直位于操作栏的中央,导致其部分出现在状态栏的下方.我期望fitsSystemWindows = true标志能给我我期望的结果(如上所述),但事实并非如此.好像fitsSystemWindows =“ true”正确定位了“跳过”按钮,但没有调整操作栏本身的位置.有人知道这可能是什么问题吗?

编辑:我意识到我可以删除fitsSystemWindows =“ true”并在工具栏视图中添加marginTop =“ … statusBarHeight”,但是我正在寻找一种更清洁的方法来解决此问题.

解决方法:

我的问题是由于我将工具栏的layout_height设置为?attr / actionBarSize.我最初以为fitsSystemWindows可以重新定位工具栏,但是它似乎添加了填充.因此,当在工具栏上添加顶部填充时,工具栏的内容将被下推.由于工具栏的高度是固定的,因此内容将被推到容器下限以下.我最终将?attr / actionBarSize设置为工具栏的minHeight属性的值来解决此问题.以下是我更新的工具栏:

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

警告:如果您不想在操作栏正下方显示任何内容,则可以使用此方法,因为出于某种原因,操作栏的高度大约是包含主图标行的高度的两倍,标题和/或菜单项.如果有人知道实现不重叠状态栏和正常尺寸操作栏的方法,请分享您的见解.我将永远感激不已.

HugeActionBar

注意事项更新:好的.显然,我的操作栏正在接受与导航栏高度相同的额外底部填充,因为我设置了< item name =“ android:windowTranslucentNavigation”> true< / item>在我的活动主题上.我通过删除windowTranslucentNavigation属性进行了验证.我正在使用Android支持库v25.1.1在7.1 Pixel上进行测试.

标签:android-actionbar,statusbar,transparent,android
来源: https://codeday.me/bug/20191026/1934860.html