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

相关推荐
2501_9160088911 小时前
iOS App 图标、启动屏和多语言搭配 方法,上架前使用KXBuild一次做好 App 图标
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程
传奇开心果编程1 天前
【Jetpack Compose娓娓道来】第29课:状态容器与UI事件建模——把“散装状态”变成“可穷举的契约”
android·kotlin·移动开发·android jetpack·ui框架·开发范式·声明式ui
五彩小白1 天前
喵呜打卡项目总结
android·团队开发
古法安卓1 天前
Android-GPU压测工具
android·java·android studio
xcLeigh1 天前
KingbaseES数据库教程:初识数据库,从安装到跑通第一条SQL
android·数据库·sql·安装·数据库教程·kes
TimeFine1 天前
AI 编码工作流的设计(二)
android·ai编程
2401_881828321 天前
MySQL操作命令
android·mysql·adb
用户60709759149061 天前
AOSP 14 OTA 升级指导(三):三条升级链路——Java API、自研 HAL 与 TR069
android
前端小D1 天前
React Native Android 项目搭建
android·react native·react.js
恋猫de小郭1 天前
感人,Flutter 居然有了一个超实用提案,期待落地
android·前端·flutter