Android BottomNavigationView项目显示没有文本也布局不会滚动隐藏 [英] Android BottomNavigationView items showing without text also layout does not hiding on scroll

问题描述

大家好，我已经实现了设计库 BottomNavigationView 。它的效果很好，但是我不知道为什么我的菜单图标没有显示文字，我也想通过向下滚动（例如 Floating Action Button ）将其隐藏。但是我没有找到任何办法。我阅读了

预期的输出-每个项目都应带有图片和文字

这是我的xml代码

 < android.support.design.widget.BottomNavigationView 
 android：id = @ + id / bottom_navigation 
 android：layout_width = match_parent 
 android ：layout_height = wrap_content 
 app：itemBackground = @ android：color / white 
 app：itemIconTint = @ drawable / nav_color_state_list 
 app：itemTextColor = @ drawable / nav_color_state_list 
 android：layout_alignParentBottom = true 
 app：menu = @ menu / bottom_navigation_menu /> 
  

nav_color_state_list.xml可绘制代码

 <？xml version = 1.0 encoding = utf-8？> 
<选择器xmlns：android = http://schemas.android.com/apk/res/android> 
< item android：color = @ color / colorAccent android：state_checked = true /> 
< item android：color = @ color / textColorSecondary android：state_checked = false /> 
< / selector> 
  

bottom_navigation_menu.xml

 <？xml version = 1.0 encoding = utf-8？> 
<菜单xmlns：android = http://schemas.android.com/apk/res/android 
 xmlns：app = http://schemas.android.com/apk/res -自动> 
<项目
 android：id = @ + id / menu_home 
 android：title = Home 
 android：icon = @ drawable / home_black_36dp 
 app：showAsAction = ifRoom | withText /> 
<项目
 android：id = @ + id / menu_notification 
 android：title =通知 
 android：icon = @ drawable / add_alert_black_36dp 
 app：showAsAction = ifRoom | withText /> 
< item 
 android：id = @ + id / menu_call 
 android：title = Call 
 android：icon = @ drawable / comment_black_36dp 
 app：showAsAction = ifRoom | withText /> 
 
<项目
 android：id = @ + id / menu_more 
 android：title = More 
 android：icon = @ drawable / more_horiz_black_36dp  
 app：showAsAction = ifRoom | withText />> 
< / menu> 
  

解决方案

我使用此库，它是一个很好的扩展！ / p>

https://github.com/ittianyu/BottomNavigationViewEx

BottomNavigationViewEx bnve =（BottomNavigationViewEx）findViewById（R.id.bnve）;

bnve.enableAnimation（false）;

bnve.enableShiftingMode（false）;

bnve。 enableItemShiftingMode（false）;

bnve.setIconSize（widthDp，heightDp）;

bnve.setTextSize（sp） ;

Hello Guys I have implemented design library BottomNavigationView. Its works perfectly but I don't know why my menu icon are not showing with text also I want it to hide with scroll down such as Floating Action Button. But I didn't find any way to do that. I read Developers Docs but i did not find any solution for my problem.

Here is my output- Item Showing only text which is not enabled

Expected Output- Every item should be with image and text

Here is my xml code

<android.support.design.widget.BottomNavigationView
                android:id="@+id/bottom_navigation"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:itemBackground="@android:color/white"
                app:itemIconTint="@drawable/nav_color_state_list"
                app:itemTextColor="@drawable/nav_color_state_list"
                android:layout_alignParentBottom="true"
                app:menu="@menu/bottom_navigation_menu" />

nav_color_state_list.xml drawable Code

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/colorAccent" android:state_checked="true" />
    <item android:color="@color/textColorSecondary" android:state_checked="false" />
</selector>

bottom_navigation_menu.xml

<?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:id="@+id/menu_home"
        android:title="Home"
        android:icon="@drawable/home_black_36dp"
        app:showAsAction="ifRoom|withText"/>
    <item
        android:id="@+id/menu_notification"
        android:title="Notifications"
        android:icon="@drawable/add_alert_black_36dp"
        app:showAsAction="ifRoom|withText"/>
    <item
        android:id="@+id/menu_call"
        android:title="Call"
        android:icon="@drawable/comment_black_36dp"
        app:showAsAction="ifRoom|withText"/>

    <item
        android:id="@+id/menu_more"
        android:title="More"
        android:icon="@drawable/more_horiz_black_36dp"
        app:showAsAction="ifRoom|withText"/>>
   </menu>

解决方案

I use this library, it's an excellent extension!

https://github.com/ittianyu/BottomNavigationViewEx

BottomNavigationViewEx bnve = (BottomNavigationViewEx) findViewById(R.id.bnve);

bnve.enableAnimation(false);

bnve.enableShiftingMode(false);

bnve.enableItemShiftingMode(false);

bnve.setIconSize(widthDp, heightDp);

bnve.setTextSize(sp);

这篇关于Android BottomNavigationView项目显示没有文本也布局不会滚动隐藏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！