2

Как можно сделать такую полосу на активном фрагменте в navigation bar? введите сюда описание изображения

введите сюда описание изображения

2
  • на картинке скорей всего просто TabLayout с иконками, там underSocre из под коробки с анимацией, так делали еще до того как в материал закатили Bottom navigation. Если вам нужен именно Bottom navigation, то там можно получить BottomNavigationItemView и нарисовать полосочку, или что угодно 11 фев 2019 в 17:58
  • @ShwarzAndrei спасибо, а как правильно получить BottomNavigationItemView и нарисовать ? 11 фев 2019 в 18:10

1 ответ 1

0

В общем, сделал следующим образом. Правда не знаю, насколько это неприлично :)

В разметку добавил пять View элементов с нужной высотой и сделал их прозрачными.

<FrameLayout
        android:layout_gravity="bottom"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/black"
        app:layout_behavior="@string/hide_bottom_view_on_scroll_behavior"
        android:orientation="vertical">

        <android.support.design.widget.BottomNavigationView
            android:keepScreenOn="true"
            android:id="@+id/navigation"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            app:elevation="0dp"
            app:labelVisibilityMode="unlabeled"
            android:background="@color/colorPrimary"
            app:itemIconTint="@drawable/nav_item_color_state"
            app:itemTextColor="@drawable/nav_item_color_state"
            app:layout_behavior="@string/hide_bottom_view_on_scroll_behavior"
            app:menu="@menu/navigation"/>

        <LinearLayout
            android:orientation="horizontal"
            app:elevation="0dp"
            android:layout_gravity="top"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">

            <View
                android:id="@+id/v_1"
                android:layout_width="match_parent"
                android:layout_weight="1"
                android:layout_height="3dp"/>

            <View
                android:id="@+id/v_2"
                android:layout_width="match_parent"
                android:layout_weight="1"
                android:layout_height="3dp"/>

            <View
                android:id="@+id/v_3"
                android:layout_width="match_parent"
                android:layout_weight="1"
                android:layout_height="3dp"/>

            <View
                android:id="@+id/v_4"
                android:layout_width="match_parent"
                android:layout_weight="1"
                android:layout_height="3dp"/>

            <View
                android:id="@+id/v_5"
                android:layout_width="match_parent"
                android:layout_weight="1"
                android:layout_height="3dp"/>

        </LinearLayout>

    </FrameLayout>

Далее в MainActivity при нажатии на каждую из кнопок запускаю функцию, передавая ей соответствующий View. В функции делаю все View прозрачными, а переданный (нажатый) закрашиваю в нужный цвет.

private void setBorderActive(View view) {
        v_1.setBackgroundColor(getResources().getColor(android.R.color.transparent));
        v_2.setBackgroundColor(getResources().getColor(android.R.color.transparent));
        v_3.setBackgroundColor(getResources().getColor(android.R.color.transparent));
        v_4.setBackgroundColor(getResources().getColor(android.R.color.transparent));
        v_5.setBackgroundColor(getResources().getColor(android.R.color.transparent));

        view.setBackgroundColor(getResources().getColor(R.color.white));
    }

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.