【发布时间】:2020-10-26 00:55:36
【问题描述】:
我正在尝试使用 Material Design 库在我的 android 应用上实现一个简单的底部导航栏。我查看了教程和其他几个网站和 Medium 文章,代码看起来很简单/样板;但是,我底部导航栏中的图标似乎不存在(鉴于该设置(layout_height = wrap_content 使整个栏缩小到无)。
我不知道为什么底部导航栏看起来是空的或没有显示任何内容。
activity_main.xml:
<?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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recycler_view"
android:layout_width="400dp"
android:layout_height="0dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:listitem="@layout/layout" />
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/bottom_nav_bar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="?android:attr/windowBackground"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:menu="@menu/bottom_nav"
app:labelVisibilityMode="labeled"
/>
</androidx.constraintlayout.widget.ConstraintLayout>
bottom_nav.xml:
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/nav_rest"
android:icon="@drawable/ic_rest_nav"
android:enabled="true"
android:title="Restaurant-List"
/>
<item
android:id="@+id/nav_maps"
android:icon="@drawable/ic_location_24dp"
android:enabled="true"
android:title="Map"
/>
<item
android:id="@+id/nav_menu"
android:icon="@drawable/ic_menu_24dp"
android:title="Menu"
/>
<item
android:id="@+id/nav_cart"
android:icon="@drawable/ic_cart_24dp"
android:title="nav_cart"
/>
</menu>
【问题讨论】:
-
当您真的想要一个简单的
LinearLayout和android:orientation="vertical"时,您使用ConstraintLayout是否有特殊原因? -
不,我对 android 开发很陌生。我使用了约束布局,因为我对它有些熟悉,并且我读过它有助于保持 xml 更平坦。我尝试使用
android:orientation="vertical"和Relative Layout将其更改为LinearLayout,但它没有改变任何东西。我基本上是在寻找一个简单的电子商务风格的应用程序,它有一个底部导航栏,可以使用 RecycleView + CardView 导航到不同的片段,以滚动浏览项目列表。
标签: android xml user-interface kotlin