dependencies {
    implementation 'io.openharmony.tpc.thirdlib:BottomNavigation:1.0.3'
}

<com.ashokvarma.bottomnavigation.BottomNavigationBar
        ohos:id="$+id:bar"
        ohos:height="56vp"
        ohos:width="match_parent"
        ohos:align_parent_bottom="true"/>

bottomNavigationBar = (BottomNavigationBar) findComponentById(ResourceTable.Id_bar);
numberBadgeItem = new TextBadgeItem()
                    .setBorderWidth(DpUtils.dp2px(1.5f, getContext()))
                    .setBackgroundColor(0xffff5454)
                    .setText("2")
                    .setHideOnSelect(true);

shapeBadgeItem = new ShapeBadgeItem()
                    .setShape(shapeBadge)
                    .setShapeColor(0xffff5454)
                    .setOffset(DpUtils.dp2px(20, getContext()), DpUtils.dp2px(-20, getContext()))
                    .setHideOnSelect(true);

bottomNavigationBar.clearAll();
bottomNavigationBar.setBarMode(mode);
bottomNavigationBar.setBackgroundStyle(backgroundStyle);
``````markdown
if (countItem === 0) {
    bottomNavigationBar
        .addItem(new BottomNavigationItem(ResourceTable.Media_ic_location_on_white_24dp, "Близко", getContext()).setActiveColor(0xffF57C00).setBadgeItem(numberBadgeItem))
        .addItem(new BottomNavigationItem(ResourceTable.Media_ic_find_replace_white_24dp, "Поиск", getContext()).setActiveColor(0xff00796B))
        .addItem(new BottomNavigationItem(ResourceTable.Media_ic_favorite_white_24dp, "Категории", getContext()).setActiveColor(0xff2196F3).setBadgeItem(shapeBadgeItem))
        .setFirstSelectedPosition(0)
        .initialise();
} else if (countItem === 1) {
    bottomNavigationBar
        .addItem(new BottomNavigationItem(ResourceTable.Media_ic_home_white_24dp, "Главная", getContext()).setActiveColor(0xffF57C00).setBadgeItem(numberBadgeItem))
        .addItem(new BottomNavigationItem(ResourceTable.Media_ic_book_white_24dp, "Книги", getContext()).setActiveColor(0xff00796B))
        .addItem(new BottomNavigationItem(ResourceTable.Media_ic_music_note_white_24dp, "Музыка", getContext()).setActiveColor(0xff2196F3).setBadgeItem(shapeBadgeItem))
        .addItem(new BottomNavigationItem(ResourceTable.Media_ic_tv_white_24dp, "Фильмы и ТВ", getContext()).setActiveColor(0xff8D6E63))
        .setFirstSelectedPosition(0)
        .initialise();
} else if (countItem === 2) {
    bottomNavigationBar
        .addItem(new BottomNavigationItem(ResourceTable.Media_ic_home_white_24dp, "Главная", getContext()).setActiveColor(0xffF57C00).setBadgeItem(numberBadgeItem))
        .addItem(new BottomNavigationItem(ResourceTable.Media_ic_book_white_24dp, "Книги", getContext()).setActiveColor(0xff00796B))
        .addItem(new BottomNavigationItem(ResourceTable.Media_ic_music_note_white_24dp, "Музыка", getContext()).setActiveColor(0xff2196F3).setBadgeItem(shapeBadgeItem))
        .addItem(new BottomNavigationItem(ResourceTable.Media_ic_tv_white_24dp, "Фильмы и ТВ", getContext()).setActiveColor(0xff8D6E63))
        .addItem(new BottomNavigationItem(ResourceTable.Media_ic_videogame_asset_white_24dp, "Игры", getContext()).setActiveColor(0xff607D8B))
        .setFirstSelectedPosition(0)
        .initialise();
}

**public BottomNavigationBar addItem(BottomNavigationItem item)**
- описание: добавляет элемент
```**public BottomNavigationBar removeItem(BottomNavigationItem item)**
- описание: удалить элемент

**public BottomNavigationBar setBarMode(int mode)**
- описание: установить режим

**public BottomNavigationBar setBackgroundStyle(int backgroundStyle)**
- описание: установить стиль фона

**public BottomNavigationBar setActiveColor(int activeColor)**
- описание: установить активный цвет

**public BottomNavigationBar setInactiveColor(int inactiveColor)**
- описание: установить неактивный цвет

**public BottomNavigationBar setBackgroundColor(int backgroundColor)**
- описание: установить цвет фона

**public BottomNavigationBar setFirstSelectedPosition(int position)**
- описание: установить позицию первого выбранного элемента

**public BottomNavigationBar setTabSelectedListener(OnTabSelectedListener tabSelectedListener)**
- описание: установить слушатель выбора вкладки

**public void selectTab(int newPosition)**
- описание: выбрать вкладку

**public void selectTab(int newPosition, boolean callListener)**
- описание: выбрать вкладку с вызовом слушателя

**public void toggle(boolean animate)**
- описание: переключить бар

**public void show()**
- описание: показать бар

**public void show(boolean animate)**
- описание: показать бар с анимацией

**public void hide()**
- описание: скрыть бар

**public void hide(boolean animate)**
- описание: скрыть бар с анимацией

**public boolean isHidden()**
- описание: скрыт ли?

**public int getActiveColor()**
- описание: получить активный цвет

**public int getInactiveColor()**
- описание: получить неактивный цвет

**public int getCurrentSelectedPosition()**
- описание: получить текущую позицию выбранного элемента

**public int getAnimationDuration()**
- описание: получить длительность анимации**public BottomNavigationBar setTouchEffect(boolean touchEffect)**
- описание: Установить эффект прикосновения

**public boolean getTouchEffect()**
- описание: Получить эффект прикосновения

## Класс: BottomNavigationItem
**public BottomNavigationItem setActiveColor(int color)**
- описание: Установить активный цвет

**public BottomNavigationItem setInactiveColor(int color)**
- описание: Установить неактивный цвет

**public String getTitle()**
- описание: Получить название

**public BottomNavigationItem setBadgeItem(BadgeItem badgeItem)**
- описание: Установить значок-badge

**публичный BadgeItem getBadgeItem()**
- описание: Получить-badge-item


# AttrSet:

| имя | формат | описание |
| :---: | :---: | :---: |
| bnbActiveColor | цвет | установить активный цвет |
| bnbInactiveColor | цвет | установить неактивный цвет |
| bnbBackgroundColor | цвет | установить цвет фона |
| bnbElevation | размерность | установить размерность тени |
| bnbAnimationDuration | целое число | установить длительность анимации |
| bnbMode | целое число | установить режим |
| bnbBackgroundStyle | целое число | установить стиль фона |
| bnbTouchEffect | целое число | установить эффект прикосновения |