EnhancedNavigationView 使用教程

EnhancedNavigationView 使用教程

EnhancedNavigationViewA different BottomNavigationView that you could find in all android apps项目地址:https://gitcode.com/gh_mirrors/en/EnhancedNavigationView

项目介绍

EnhancedNavigationView 是一个开源的 Android 库，旨在提供一个不同于常规的 BottomNavigationView。这个库由 florent37 开发，可以在 GitHub 上找到。EnhancedNavigationView 通过提供更多的自定义选项和改进的视觉效果，使得底部导航栏更加灵活和吸引人。

项目快速启动

添加依赖

首先，在你的 build.gradle 文件中添加以下依赖：

dependencies {
    implementation 'com.github.florent37:enhanced-navigationview:(lastest version)'
}

布局文件

在你的布局文件中添加 EnhancedNavigationView：

<com.github.florent37.enhancednavigationview.EnhancedNavigationView
    android:id="@+id/bottom_navigation"
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:background="@color/colorBottomBar"
    app:elevation="0dp"
    app:itemIconTint="@color/nav_item_state_list"
    app:itemTextColor="@color/nav_item_state_list"
    app:menu="@menu/bottom_navigation_items" />

菜单文件

在 res/menu/bottom_navigation_items.xml 中定义你的菜单项：

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/action_home"
        android:icon="@drawable/ic_home"
        android:title="Home" />
    <item
        android:id="@+id/action_search"
        android:icon="@drawable/ic_search"
        android:title="Search" />
    <item
        android:id="@+id/action_notifications"
        android:icon="@drawable/ic_notifications"
        android:title="Notifications" />
    <item
        android:id="@+id/action_profile"
        android:icon="@drawable/ic_profile"
        android:title="Profile" />
</menu>

应用案例和最佳实践

自定义样式

EnhancedNavigationView 允许你通过自定义属性来调整导航栏的外观。例如，你可以设置圆角、背景颜色和图标颜色：

<com.github.florent37.enhancednavigationview.EnhancedNavigationView
    android:id="@+id/bottom_navigation"
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:background="@color/colorBottomBar"
    app:elevation="0dp"
    app:itemIconTint="@color/nav_item_state_list"
    app:itemTextColor="@color/nav_item_state_list"
    app:menu="@menu/bottom_navigation_items"
    app:shape_roundRect_bottomLeftRadius="22dp"
    app:shape_roundRect_bottomRightRadius="22dp"
    app:shape_roundRect_topLeftRadius="8dp"
    app:shape_roundRect_topRightRadius="8dp" />

处理点击事件

在你的 Activity 或 Fragment 中处理导航项的点击事件：

bottom_navigation.setOnNavigationItemSelectedListener { item ->
    when (item.itemId) {
        R.id.action_home -> {
            // Handle home action
            true
        }
        R.id.action_search -> {
            // Handle search action
            true
        }
        R.id.action_notifications -> {
            // Handle notifications action
            true
        }
        R.id.action_profile -> {
            // Handle profile action
            true
        }
        else -> false
    }
}

典型生态项目

EnhancedNavigationView 可以与其他流行的 Android 库和工具集成，例如：

• ShapeOfView: 用于创建自定义形状的视图，可以与 EnhancedNavigationView 结合使用来创建独特的底部导航栏。
• Material Components for Android: 提供了一系列符合 Material Design 规范的组件，可以与 EnhancedNavigationView 一起使用来增强应用的视觉一致性。

通过这些集成，你可以创建出既美观又功能强大的 Android 应用。

EnhancedNavigationViewA different BottomNavigationView that you could find in all android apps项目地址:https://gitcode.com/gh_mirrors/en/EnhancedNavigationView