美文网首页
推荐一个Material Bottom Navigation

推荐一个Material Bottom Navigation

作者: AtBind | 来源:发表于2016-03-31 14:27 被阅读1938次

Material Bottom Navigation

Github项目地址

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.

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.

相关文章

网友评论

      本文标题:推荐一个Material Bottom Navigation

      本文链接:https://www.haomeiwen.com/subject/tbvelttx.html