BottomNavigationBar под NavBar - PullRequest
       26

BottomNavigationBar под NavBar

0 голосов
/ 12 сентября 2018

Цель :

1) Сделать строку состояния прозрачной - Готово

2) Сделать BottomNavigationView и Navbar того же цвета.- Почти готово

Проблема

При добавлении следующего кода в мой Activity строка состояния становится прозрачной.НО, BottomNavigationView падает под NavBar.Если я удалю эту строку кода, StatusBar больше не будет прозрачным.Ты чувствуешь мою боль здесь?Кроме того ... Как мне сделать так, чтобы TOP макета находился под строкой состояния?

Код в упражнении:

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>

enter image description here

Ответы [ 3 ]

0 голосов
/ 15 сентября 2018

Как сделать так, чтобы верхняя часть макета находилась под строкой состояния?

Добавьте это в корневой макет каждого действия, которое вам нужно:

android:fitsSystemWindows="true"

BottomNavigationView находится под NavBar

Я не знаю, сможете ли вы найти способ справиться с этим, пока вы продолжаете использовать FLAG_LAYOUT_NO_LIMITS. Если вы все еще хотите его использовать, вы можете попытаться проверить, имеет ли устройство NavigationBar, и рассчитать его высоту, которую вы можете присвоить BottomNavigationView в качестве нижнего поля.

Для этого вы можете найти некоторые полезные методы в этом SO answer . Добавьте еще один метод, например:

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

И в onCreate() получите высоту NavigationBar, если она существует, и setMargin из BottomNavigationView:

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

Результат будет такой:

enter image description here

0 голосов
/ 15 сентября 2018

BottomNavigationBar под NavBar

Причина, по которой ваши BottomNavigationView скрываются за NavBar, потому что вы устанавливаете эти флаги

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

СМОТРЕТЬ результат, используя эти флаги

enter image description here

ПРОСТОЕ РЕШЕНИЕ

Чтобы сделать statusbar прозрачным, просто используйте <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

CartActivity

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>

CustAppTheme2

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

Наконец, ВЫХОД

enter image description here

Наконец ВЫХОД на киткат

enter image description here

0 голосов
/ 15 сентября 2018

Я не тестировал этот код, но, скорее всего, он должен работать

 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 и заменить его на мой.Я надеюсь, что это помогает.

...