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文库

相关推荐
Kevin Coding2 小时前
Flutter使用Flavor实现切换环境和多渠道打包
android·flutter·ios
yashunan3 小时前
Web_php_unserialize
android·前端·php
taopi20244 小时前
android java系统弹窗的基础模板
android·java·开发语言
志尊宝4 小时前
深入探索 Android 技术:从基础到前沿
android
字节全栈_BjO6 小时前
mysql死锁排查_mysql 死锁问题排查
android·数据库·mysql
maply18 小时前
VSCode 中的 Git Graph扩展使用详解
ide·git·vscode·编辑器·扩展
花花鱼18 小时前
vscode script 中间的function import等关键字 先高亮,然后又灰了,并且按ctrl+/ 注释以html的形式,导致报错处理
ide·vscode·编辑器
恋猫de小郭20 小时前
Android Studio 正式版 10 周年回顾,承载 Androider 的峥嵘十年
android·ide·android studio
aaaweiaaaaaa1 天前
php的使用及 phpstorm环境部署
android·web安全·网络安全·php·storm
工程师老罗1 天前
Android记事本App设计开发项目实战教程2025最新版Android Studio
android