Android studio BottomNavigationView 应用设计

一、新建Bottom Navigation Activity项目:

二、修改bottom_nav_menu.xml:

复制代码
    <item
        android:id="@+id/navigation_beijing"
        android:icon="@drawable/ic_beijing_24dp"
        android:title="@string/title_beijing"  />
    <item
        android:id="@+id/navigation_shanghai"
        android:icon="@drawable/ic_shanghai_24dp"
        android:title="@string/title_shanghai"  />
    <item
        android:id="@+id/navigation_guangzhou"
        android:icon="@drawable/ic_guangzhou_24dp"
        android:title="@string/title_guangzhou"  />
    <item
        android:id="@+id/navigation_shenzhen"
        android:icon="@drawable/ic_shenzhen_24dp"
        android:title="@string/title_shenzhen"  />

三、新建Fragment(with ViewModel):

四、修改mobile_navigation.xml:

复制代码
<fragment
    android:id="@+id/navigation_beijing"
    android:name="com.july.bottomnavigationviewapp.ui.beijing.BeijingFragment"
    android:label="@string/title_beijing"
    tools:layout="@layout/fragment_beijing" />

<fragment
    android:id="@+id/navigation_shanghai"
    android:name="com.july.bottomnavigationviewapp.ui.shanghai.ShanghaiFragment"
    android:label="@string/title_shanghai"
    tools:layout="@layout/fragment_shanghai" />

<fragment
    android:id="@+id/navigation_guangzhou"
    android:name="com.july.bottomnavigationviewapp.ui.guangzhou.GuangzhouFragment"
    android:label="@string/title_guangzhou"
    tools:layout="@layout/fragment_guangzhou" />

<fragment
    android:id="@+id/navigation_shenzhen"
    android:name="com.july.bottomnavigationviewapp.ui.shenzhen.ShenzhenFragment"
    android:label="@string/title_shenzhen"
    tools:layout="@layout/fragment_shenzhen" />

五、编译运行程序:

六、工程项目:

AndroidstudioBottomNavigationView应用设计资源-CSDN文库

相关推荐
pengyu7 分钟前
【Kotlin 协程修仙录 · 渡劫境 · 初阶】 | 飞升雷劫:CPS 变换与挂起函数字节码终极透视
android·kotlin
TimeFine11 分钟前
智能眼镜开发:眼镜Touch后收音与触发播放系统音乐的矛盾处理
android
TimeFine1 小时前
智能眼镜开发:眼镜侧收集音频
android
又见情义1 小时前
Android 系统设置从平板版迁移至TV版实践
android
OsDepK1 小时前
xcode应用构建至testflight测试流程
ide·macos·xcode
frjc2 小时前
如何在 IDEA 中打开并运行已有Java项目
java·ide·intellij-idea
杉氧4 小时前
打破边界(一):实战编写 Android/iOS 原生模块 (Native Modules)
android·react native·前端框架
baidu_247438615 小时前
Android 35适配
android
mmsx5 小时前
osmdroid 踩坑清单:大级别崩溃/路径消失/低内存卡顿/范围缩放不准
android·源码·地图·osmdroid