设置BottomNavigationBar导航栏的间距和文字,图片大小

Posted vvning

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了设置BottomNavigationBar导航栏的间距和文字,图片大小相关的知识,希望对你有一定的参考价值。

找了好久都没有找到怎么设置导航栏的文字大小和图片大小。后来朋友给推荐使用反射的方式很好用。特意保存下来,以备不时之需。

朋友博客地址

private void setBottomNavigationItem(int space, int imgLen) {
        float contentLen = 36;
        Class barClass = bottomNavigationBar.getClass();
        Field[] fields = barClass.getDeclaredFields();
        for (int i = 0; i < fields.length; i++) {
            Field field = fields[i];
            field.setAccessible(true);
            if (field.getName().equals("mTabContainer")) {
                try { //反射得到 mTabContainer
                    LinearLayout mTabContainer = (LinearLayout) field.get(bottomNavigationBar);
                    for (int j = 0; j < mTabContainer.getChildCount(); j++) {
                        //获取到容器内的各个 Tab
                        View view = mTabContainer.getChildAt(j);
                        //获取到Tab内的各个显示控件
                        // 获取到Tab内的文字控件
                        TextView labelView = (TextView) view.findViewById(com.ashokvarma.bottomnavigation.R.id.fixed_bottom_navigation_title);
                        //计算文字的高度DP值并设置,setTextSize为设置文字正方形的对角线长度,所以:文字高度(总内容高度减去间距和图片高度)*根号2即为对角线长度,此处用DP值,设置该值即可。
                        labelView.setTextSize(TypedValue.COMPLEX_UNIT_DIP, (float) (Math.sqrt(2) * (contentLen - imgLen - space)));
                        //获取到Tab内的图像控件
                        ImageView iconView = (ImageView) view.findViewById(com.ashokvarma.bottomnavigation.R.id.fixed_bottom_navigation_icon);
                        //设置图片参数,其中,MethodUtils.dip2px():换算dp值
                        FrameLayout.LayoutParams params = new FrameLayout.LayoutParams((int) DensityUtil.dip2px(this, imgLen), (int) DensityUtil.dip2px(this, imgLen));
                        params.gravity = Gravity.CENTER;
                        iconView.setLayoutParams(params);
                    }
                } catch (IllegalAccessException e) {
                    e.printStackTrace();
                }
            }
        }
    }

在初始化之后调用即可,第一个参数是间距,同时也会改变文字大小,数字越小,文字越大。第二个是设置图片大小

bottomNavigationBar.initialise();//初始化
setBottomNavigationItem(7,21);

以上是关于设置BottomNavigationBar导航栏的间距和文字,图片大小的主要内容,如果未能解决你的问题,请参考以下文章

Flutter -------- BottomNavigationBar 界面切换

Android应用-底部导航栏的使用

TabBarView 或 IndexedStack 用于 BottomNavigationBar - Flutter

Android学习总结——输入法将BottomNavigationBar(底部导航栏)顶上去的问题

使用 Flutter 导航和路由时如何保持 BottomNavigationBar

Android BottomNavigationBar导航栏