Material Bottom Navigation
BottomNavigationView
Created according by Google [guideLine][1]
[1]: https://www.google.com/design/spec/components/bottom-navigation.html#bottom-navigation-usage
[2]: http://luseen.com/
[3]: https://github.com/armcha/LuseenBottomNavigation
By [Luseen][2] Technologies
Download
Gradle:
compile 'com.github.armcha:LuseenBottomNavigation:1.3.0'
Maven:
<dependency>
<groupId>com.github.armcha</groupId>
<artifactId>LuseenBottomNavigation</artifactId>
<version>1.3.0</version>
<type>pom</type>
</dependency>
Usage
Add the BottomNavigationView to your layout
<com.luseen.luseenbottomnavigation.BottomNavigation.BottomNavigationView
android:id="@+id/bottomNavigation"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true" />
Add BottomNavigation items
BottomNavigationView bottomNavigationView = (BottomNavigationView) findViewById(R.id.bottomNavigation);
BottomNavigationItem bottomNavigationItem = new BottomNavigationItem
("Record", getResources().getColor(R.color.firstColor), R.drawable.ic_mic_black_24dp);
BottomNavigationItem bottomNavigationItem1 = new BottomNavigationItem
("Like", getResources().getColor(R.color.secondColor), R.drawable.ic_favorite_black_24dp);
bottomNavigationView.addTab(bottomNavigationItem);
bottomNavigationView.addTab(bottomNavigationItem1);
Then set your OnBottomNavigationItemClickListener
bottomNavigationView.setOnBottomNavigationItemClickListener(new BottomNavigationView.OnBottomNavigationItemClickListener() {
@Override
public void onNavigationItemClick(int index) {
Toast.makeText(MainActivity.this, "Item " +index +" clicked", Toast.LENGTH_SHORT).show();
}
});
If you are using a ViewPager , you can connect to the BottomNavigationView:
bottomNavigationView.setViewPager(yourPager , colorResources , imageResources);
Customize
bottomNavigationView.isWithText(true);
bottomNavigationView.isColoredBackground(false);
bottomNavigationView.setItemActiveColorWithoutColoredBackground(yourColor);
You can just disable BottomNavigationView shadow by calling
bottomNavigationView.disableShadow();
Contact
Pull requests are more than welcome.
Please fell free to contact me if there is any problem when using the library.
- email: armcha01@gmail.com
- facebook: https://web.facebook.com/chatikyana
- website: http://luseen.com/
License
Copyright 2016 Arman Chatikyan
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
