提问者:小点点

KOTLIN-BottomNavigationBar中的第一个项目不可见,标题问题


我有一个包含5个项目的BottomNavigationBar。除了名称和图标,第一个项目与其他项目相同。这是bottom_nav菜单的xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:id="@+id/name_configuration"
        android:title="Name Mech"
        android:icon="@drawable/ic_action_name"
        />

    <item
        android:id="@+id/mech_skills"
        android:title="Skills"
        android:icon="@drawable/ic_action_skills"
        />

    <item
        android:id="@+id/stat_hub"
        android:title="Stat Hub"
        android:icon="@drawable/ic_action_stats"
        />

    <item
        android:id="@+id/mech_weapons"
        android:title="Weapons"
        android:icon="@drawable/ic_action_weapon"
        />

    <item
        android:id="@+id/mech_systems"
        android:title="Systems"
        android:icon="@drawable/ic_action_system"
        />
</menu>

这是用于图标的绘图的xml

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24"
    android:viewportHeight="24"
    android:tint="#FFFFFF"
    android:alpha="0.8">
    <path
        android:fillColor="#FF000000"
        android:pathData="M3,17.25V21h3.75L17.81,9.94l-3.75,-3.75L3,17.25zM20.71,7.04c0.39,-0.39 0.39,-1.02 0,-1.41l-2.34,-2.34c-0.39,-0.39 -1.02,-0.39 -1.41,0l-1.83,1.83 3.75,3.75 1.83,-1.83z"/>
</vector>

最后,这是我用于Bar本身的xml

<com.google.android.material.bottomnavigation.BottomNavigationView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/btm_nav"
        app:layout_constraintBottom_toBottomOf="parent"
        android:background= "@color/colorPrimary"
        app:menu="@menu/bottom_nav"/>

其余可绘图项的xml完全相同(它们使用不同的图标,但这与xml本身无关)。但是,名称_配置项在底部导航栏中不可见。单击时,它的行为与其他项目相同(它们传递SharedReferences值并移动到不同的活动),只是不可见。但是,当按下底部导航栏上的其他按钮时,在应用程序进入下一个活动之前,“名称”按钮短暂变为正确的颜色/透明度,并且“名称”按钮再次变为不可见。

此外,Name Mech的标题是底部导航栏中任何按钮的唯一标题。“名称机械”出现在底部导航栏的图标下方,但“技能”、“状态”、“武器”和“系统”不会出现在底部导航栏的相应图标下方。

任何指导都将不胜感激。


共3个答案

匿名用户

视图正在隐藏标签。您可以在底部导航视图上设置app:labelVisibilityMode=“labeled”,以强制它们出现。我相信如果他们占用太多的空间,文本就会被切断。

匿名用户

当您没有为BottomNavigationView设置“labelVisibilityMode”时,其结果是自动模式,在该模式下,只有第一个项目被标记,另一个项目被取消标记。当您将“labelVisibilityMode”设置为“已标记”时,所有项目都将被标记。

在defult模式下,它是:

app:labelVisibilityMode="auto"

您可以将其更改为:

app:labelVisibilityMode="labeled"

此外,如果你根本不想要标签,只需设置:

app:labelVisibilityMode="unlabeled"

匿名用户

我有同样的问题,但现在我的代码工作正常。试试我的代码:

在build.gradle(: app):

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation"org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
    implementation 'com.android.support:appcompat-v7:28.0.0'
    implementation 'com.android.support.constraint:constraint-layout:1.1.3'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'com.android.support.test:runner:1.0.2'
    androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
    implementation 'com.android.support:design:28.0.0'
}

在XML中:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout android:layout_height="match_parent"
    android:layout_width="match_parent"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/navigationView"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="0dp"
        android:layout_marginStart="0dp"
        android:background="?android:attr/windowBackground"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:itemBackground="@color/colorPrimary"
        app:itemIconTint="#fff"
        app:itemTextColor="#fff"
        app:menu="@menu/menu"
        app:labelVisibilityMode="unlabeled"/>
</androidx.constraintlayout.widget.ConstraintLayout>