底部导航栏Android Studio

7xllpg7q  于 2023-01-28  发布在  Android
关注(0)|答案(1)|浏览(211)
<FrameLayout
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toTopOf="@+id/bottomnav">

    </FrameLayout>

<com.google.android.material.bottomnavigation.BottomNavigationView
    android:id="@+id/bottomnav"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent" />

每当我尝试添加底部导航栏时,整个活动都是空白的

s3fp2yjn

s3fp2yjn1#

如果要在底部导航栏中显示按钮,则需要将app:menu添加到BottomNavigationView

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center">
    <FrameLayout
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toTopOf="@+id/bottomnav">
    </FrameLayout>

    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottomnav"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:menu="@menu/bottom_nav_menu"/>
</androidx.constraintlayout.widget.ConstraintLayout>

res/menu下,创建一个bottom_nav_menu.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@+id/main" android:title="Main" />
    <item android:id="@+id/secondary" android:title="Secondary" />
</menu>

然后,您应该在底部导航栏中看到2个按钮。
以上操作在物理Android设备上应能正常工作。如果您无法在Android Studio的设计视图中预览底部导航栏,请检查您的build.gradle是否具有以下依赖项:

implementation 'com.google.android.material:material:1.5.0'

您可以将其降级为:

implementation 'com.google.android.material:material:1.3.0'

或将其升级为:

implementation 'com.google.android.material:material:1.6.0'

相关问题