BottomNavigationView的实战应用

最新推荐文章于 2025-05-31 12:36:23 发布

原创

最新推荐文章于 2025-05-31 12:36:23 发布 · 632 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#BottomNavigationView

本文介绍了如何使用BottomNavigationView替代TabLayout，结合ViewPager实现更灵活的多Fragment界面。详细讲述了布局文件的设计，fragment的填充和实现，以及展示了最终效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

一般来说，要实现多Fragment界面样式，都是使用tablayout + viewpager技术方案。但是tablayout有一个问题，对tab的操控不灵活。添加按钮麻烦。
所以我们今天来使用google推荐的BottomNavigationView + viewpager技术方案。

布局文件

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.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="com.meichuang.meipian.MainActivity">

    <android.support.v4.view.ViewPager
        android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintBottom_toTopOf="@id/divider"
        app:layout_constraintTop_toTopOf="parent" />

    <include
        android:id="@+id/divider"
        layout="@layout/horizontal_divider"
        android:layout_width="match_parent"
        android:layout_height="1px"
        app:layout_constraintBottom_toTopOf="@id/navigation_view" />

    <android.support.design.widget.BottomNavigationView
        android:id="@+id/navigation_view"
        android:layout_width="match_parent"
        android:layout_height=