lottiebottomnavbar

KO | EN

gitlite — search

#javascript #hacktoberfest #ai #golang #machine-learning #linux #nodejs #java #kubernetes #vue #security #mcp #ios #openai

lottiebottomnavbar

(★ 86)

A Customisable bottom navbar with Lottie animation

파일 탐색기

최종 버전 다운로드 (.zip)

- - gradle-wrapper.properties
- .gitignore
- build.gradle
- gradle.properties
- maven-push.gradle
- proguard-rules.pro
- .gitignore
- build.gradle
- proguard-rules.pro
.gitignore
build.gradle
demo.gif
gradle.properties
gradlew
gradlew.bat
README.md
settings.gradle

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 🚨⚠️ ABANDONED ⚠️🚨

# Lottie Bottom Navbar

A customisable bottom navigation bar with Lottie Animation

## Current Latest Version `1.2.0`
What's new:

[1.2.0]
- custom button background
- add override button click handler to BottomMenu

[1.1.6]
- Update Gradle minsdk version to support sdk v19

![](https://raw.githubusercontent.com/subsub/lottiebottomnavbar/master/demo.gif)

# Usage

### Add maven url Inside **Project Level build.gradle**
```bash
buildscript {
	...
    repositories {
    	...
        maven {
            url  "https://dl.bintray.com/subsub/maven"
        }
    }
    dependencies {
    	...
    }
}

...

allprojects {
    repositories {
    	...
        maven {
            url  "https://dl.bintray.com/subsub/maven"
        }
    }
}
```

### Add dependency into your app build.gradle
```bash
implementation "com.subkhansarif.libs:bottomnavbarlib:{latestVersion}"
```

# Sample

See sample project.

### Add LottieBottomNavbar to your layout
```xml
<com.subkhansarif.bottomnavbar.LottieBottomNavbar
        android:id="@+id/bottom_navbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:elevation="15dp"
        android:orientation="vertical"
        app:activeButtonColor="@color/colorWhite"
        app:buttonColor="@color/colorAccent"
        app:buttonContainerBackgroundColor="@color/colorWhite"
        app:buttonsHeight="56dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:offscreenPageLimit="4"
        app:setViewPagerSwipeable="false"
	app:navbarElevation="15dp"
        app:viewPagerBackground="@color/colorWhite" />
```

### Setup menus for navbar
```java
ArrayList<BottomMenu> menu = ArrayList();
menu.add(new BottomMenu(0L, getString(R.string.lbl_menu_profile), R.drawable.ic_person_grey, "a_cup_of_coffee.json"));
menu.add(new BottomMenu(1L, getString(R.string.lbl_menu_pet), R.drawable.ic_pets_grey, "a_cup_of_coffee.json"));
menu.add(new BottomMenu(2L, getString(R.string.lbl_menu_Food), R.drawable.ic_restaurant_menu_grey, null));
```
BottomMenu constructor parameters:
- `id: Long`, id for your button
- `fragment: Fragment`, fragment for this button
- `label: String`, label for this button. This will be shown below button icon
- `icon: drawable res`, image resource for this button
- `(optional) lottie_animation: String`, a String of json file name for Lottie Animation.

### Add menus to navbar
```java
LottieBottomNavbar bottom_navbar = findViewById(R.id.bottom_navbar)
bottom_navbar.setFragmentManager(getSupportFragmentManager())
bottom_navbar.setMenu(menu)
bottom_navbar.setSelected(1)
bottom_navbar.setMenuClickListener(this)
```

### Handle on tab clicked to change fragment
- Implement `IBottomClickListener` in the activity
- And Override `menuClicked()` to handle fragment transaction
```java
@Override
    public void menuClicked(int position, long id) {
        FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
        switch (position) {
            case 1: {
                transaction.replace(R.id.fragmentContainer, profileFragment);
                break;
            }
            case 2: {
                transaction.replace(R.id.fragmentContainer, petFragment);
                break;
            }
            case 3: {
                transaction.replace(R.id.fragmentContainer, foodFragment);
                break;
            }
        }
        transaction.commit();
    }
```

### Layout Properties
Name | Type | Description
--- | --- | ---
`buttonContainerBackgroundColor` | Color | Navbar background color
`buttonsHeight` | Dimension | Navbar Height
`itemCount` | Int | How many buttons in the Navbar, this value will be overriden when `setMenu()` is called
`offscreenPageLimit` | Int | Set how many hidden fragment will be keep in memory. This is the same as `ViewPager.OffscreenPageLimit()`.
`setViewPagerSwipeable` | Boolean | If set to false, the viewpager will be un-swipeable
`viewPagerBackground` | Color | The background color of the viewpager
`activeButtonColor` | Color | Color for the selected button, this affect text and image tint, but won't affect to Lottie animation image color.
`buttonColor` | Color | Default color for when button is not selected
`navbarElevation` | Dimension | Elevation for navigation bar

lottiebottomnavbar

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

lottiebottomnavbar

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README