底部导航栏在导航栏之下

Question

目标:

1) 使状态栏透明 - 完成

2) 让BottomNavigationView和Navbar颜色相同。- 几乎完成

问题

通过在我的Activity中添加以下代码，状态栏变为透明。但是，BottomNavigationView会落在NavBar下面。如果我删除此行代码，则StatusBar不再透明。你感受到我的痛苦了吗？此外...如何使布局的顶部位于状态栏下面?

活动中的代码:

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    Window w = getWindow();
    w.setFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS, 
    WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
}

活动 XML：

<?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"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="false">

<com.custom.app.view.ClickableViewPager
    android:id="@+id/view_pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_above="@id/tab_layout" />

<android.support.design.widget.BottomNavigationView
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"
    android:background="@color/custom_black"
    app:itemIconTint="@color/white"
    app:itemTextColor="@color/white"
    app:menu="@menu/bottom_navigation_main" />

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

Style.xml

<style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="android:textColorPrimary">@color/md_white_1000</item>
    <item name="android:actionMenuTextColor">@color/custom_black</item>
    <item name="actionMenuTextColor">@color/custom_black</item>
    <item name="android:alertDialogStyle">@style/AppTheme.AlertDialog</item>
    <item name="colorControlNormal">@color/md_white_1000</item>
    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:statusBarColor">@android:color/transparent</item>
    <item name="android:windowTranslucentNavigation">false</item>
    <item name="android:navigationBarColor">@color/custom_black</item>
</style>

- Subby

---

无法真正理解您想要问什么...请尝试发布一些问题截图。 - Aayush Singla

@AayushSingla 附有图像的内容 - Subby

我可以为状态栏设置标志布局无限制吗？ - Roufal SMB

Answer 1

底部导航栏在 NavBar 下方

你的 BottomNavigationView 藏在 NavBar 的后面，这是因为你设置了以下标志：

w.setFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS, 
    WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);

使用这些标志查看结果

简单解决方案

要使您的状态栏透明，请使用<item name="colorPrimaryDark">@android:color/transparent</item>

并使用以下标志

 getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
 getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

根布局

您需要使用 android.support.design.widget.CoordinatorLayout 作为您的 rootlayout

购物车活动

public class CartActivity extends AppCompatActivity {

    BottomNavigationView bottomNavigationView;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);


        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
            getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        } else {

            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        }

        setContentView(R.layout.activity_cart);

        bottomNavigationView = findViewById(R.id.tab_layout);


    }

}

layout.activity_cart

<?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"
    android:id="@+id/constraintLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#199bd2"
    android:fitsSystemWindows="true">


    <android.support.design.widget.BottomNavigationView
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_gravity="bottom"
        android:background="#000"
        app:itemIconTint="#FFFFFF"
        app:itemTextColor="#FFFFFF"
        app:menu="@menu/bottom_navigation_main" />


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

这是一个自定义的应用程序主题，可以在IT技术中使用。

<style name="CustAppTheme2" parent="Theme.AppCompat.DayNight.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@android:color/transparent</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="colorControlNormal">#FFFFFF</item>
    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:statusBarColor">@android:color/transparent</item>
    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
    <item name="android:windowTranslucentNavigation">false</item>
    <item name="android:navigationBarColor">#000</item>

</style>

最终输出

在奇巧糖上最终输出

- AskNilesh

---

我已经按照您的建议尝试了，但是顶部状态栏是灰色而不是透明的。 - Subby

@Subby，您确定已根据我的回答进行了更改吗？因为在我所有的设备上都可以正常工作。 - AskNilesh

@Subby 将 android.support.design.widget.CoordinatorLayout 设为你的 rootlayout。 - AskNilesh

@Subby，你尝试过将android.support.design.widget.CoordinatorLayout作为根布局吗？ - AskNilesh

@NavidAbutorab 你试过使用 getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS); getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS); 吗？ - AskNilesh

Answer 2

如何让布局的顶部位于状态栏下方？

在需要的每个活动的根布局中添加以下内容：

android:fitsSystemWindows="true"

BottomNavigationView位于NavBar下方

我不知道你是否可以找到一种方法来处理这个问题，只要你继续使用FLAG_LAYOUT_NO_LIMITS。如果你仍然想使用它，你可以尝试检查设备是否有一个NavigationBar并计算其高度，然后将其作为底部边距给BottomNavigationView。

为了做到这一点，你可以在这个SO答案中找到一些有用的方法。 添加另一个方法：

public void setMargin(int height){
    ViewGroup.MarginLayoutParams params = (ViewGroup.MarginLayoutParams) mBottomNavigationView.getLayoutParams();
    params.bottomMargin = height;
}

在onCreate()中，如果存在NavigationBar，则获取其高度并将BottomNavigationView的setMargin设置为该高度：

int bottomNavHeight = getNavigationBarSize(this).y;
if( bottomNavHeight > 0){
         setMargin(bottomNavHeight);
}

结果将会像这样：

- Akn

Answer 3

我还没有测试过这段代码，但很可能它能够正常工作。

 if (Build.VERSION.SDK_INT >= 21) {
    setWindowFlag(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS
            | WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION, false);
    getWindow().setStatusBarColor(Color.TRANSPARENT);
    getWindow().setNavigationBarColor(Color.TRANSPARENT);
}

您所添加的代码允许窗口超出实际输出区域。因此，很可能会导致您的活动位于系统部件（状态栏和导航栏）下方，并使它们呈透明状态。

请尝试从Java活动中删除您提到的代码，并用我的代码进行替换。希望能有所帮助。

- Aayush Singla

Answer 4

如果有人需要的话：我遇到了这个问题将近一年，最终通过以下两种方式解决了它：

1. 使用CoordinatorLayout作为根布局
2. 在底部工具栏所在的Fragment中使用ConstraintLayout。
3. 当然，我还添加了android:fitsSystemWindows="true"，如上所述。

因此，如果其他解决方案不起作用，您可以尝试使用constraintLayout。

- Amir Golan