美文网首页Android_MaterialDesign
MaterialDesign系列文章(十六)BottomNavi

MaterialDesign系列文章(十六)BottomNavi

作者: 笔墨Android | 来源:发表于2017-11-10 11:08 被阅读67次

    不怕跌倒,所以飞翔

    特别说明:

    BottomNavigationView 是安卓官方提供的底部导航栏,能够方便的实现下图中的底部导航效果。当导航标签少于3个的时候,也可以使用,不会报错,但实际项目中一般不会有少于三个的;如果导航标签超过5个,在使用BottomNavigationView 时在运行期会报错,错误信息如下:
    java.lang.IllegalArgumentException: Maximum number of items supported by BottomNavigationView is 5. Limit can be checked with BottomNavigationView#getMaxItemCount()。意思是说,最多不能超过 5 个条目!

    简单的使用

    1.xml的一些标签说明:

    • android:background BottomBavigationView的背景颜色
    • app:itemBackground 条目的背景色。设置之后在切换选项时将无法看到水波纹效果
    • app:itemIconTint 条目图标的颜色,这里可以是单一的颜色,也可以是select形式的颜色,但是这里建议是select的颜色
    • app:itemTextColor 文字的颜色,这个也和上面的一样,也可以设置select
    • app:menu 可以设置底部显示的Menu
    • setOnNavigationItemSelectedListener() 设置选中条目的监听
    • getMenu() 获取menu文件
    • setSelectedItemId(R.id.sports) 设置默认选中的选项

    这里贴一个简单的颜色Select和布局的Menu

    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:color="#f4b733" android:state_checked="true"></item>
        <item android:color="#666565"></item>
    </selector>
    

    <?xml version="1.0" encoding="utf-8"?>
    <menu xmlns:android="http://schemas.android.com/apk/res/android"
          xmlns:app="http://schemas.android.com/apk/res-auto">
    
        <item
            android:icon="@drawable/ic_menu_camera"
            android:title="音乐"/>
        <item
            android:icon="@drawable/ic_menu_gallery"
            android:title="体育"/>
        <item
            android:icon="@drawable/ic_menu_manage"
            android:title="新闻"/>
        <item
            android:icon="@drawable/ic_menu_send"
            android:title="我的"/>
    </menu>
    

    2.BottomNavigationView的细节

    • 禁用ShiftingMode模式
    public class BottomNavigationViewHelper {
        public static void disableShiftMode(BottomNavigationView view) {
            BottomNavigationMenuView menuView = (BottomNavigationMenuView) view.getChildAt(0);
            try {
                Field shiftingMode = menuView.getClass().getDeclaredField("mShiftingMode");
                shiftingMode.setAccessible(true);
                shiftingMode.setBoolean(menuView, false);
                shiftingMode.setAccessible(false);
                for (int i = 0; i < menuView.getChildCount(); i++) {
                    BottomNavigationItemView item = (BottomNavigationItemView) menuView.getChildAt(i);
                    //noinspection RestrictedApi
                    item.setShiftingMode(false);
                    // set once again checked value, so view will be updated
                    //noinspection RestrictedApi
                    item.setChecked(item.getItemData().isChecked());
                }
            } catch (NoSuchFieldException e) {
                Log.e("BNVHelper", "Unable to get shift mode field", e);
            } catch (IllegalAccessException e) {
                Log.e("BNVHelper", "Unable to change value of shift mode", e);
            }
        }
    }
    

    然后代码调用

    BottomNavigationView bottomNavigationView = (BottomNavigationView) findViewById(R.id.bottom_navigation_bar);
    BottomNavigationViewHelper.disableShiftMode(bottomNavigationView);
    

    这一系列文章的地址,希望对大家有帮助

    项目地址

    相关文章

      网友评论

        本文标题:MaterialDesign系列文章(十六)BottomNavi

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