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

相关推荐
雨白1 天前
深入理解 Kotlin 协程 (十一):以逸待劳,探秘 select 多路复用与并发安全策略
android·kotlin
hunterandroid1 天前
[Android 从零到一] Android 深度链接与 App Links:从 URI Scheme 到可验证的应用跳转
android
AttackingLin1 天前
VScode Claude Code 插件配置第三方api
ide·vscode·编辑器
码农爱学习1 天前
VSCode的Markdown插件哪个好用
ide·vscode·编辑器
我命由我123451 天前
Jetpack Compose - Material Design 断点范围、WindowSizeClass、针对不同屏幕尺寸创建预览、四类导航栏
android·java·开发语言·java-ee·kotlin·android jetpack·android runtime
BerryS3N1 天前
Java全平台开发环境配置与极速搭建指南(含JDK 8/17/21多版本管理、环境变量深层原理解析、Maven/Gradle构建工具及IDE集成)
java·ide·maven
超级大福宝1 天前
在 VS Code 自带的聊天插件中配置 OpenCode
ide·vscode
执明wa1 天前
Android 开发中的设计模式入门:六大设计原则
android·设计模式
松仔log2 天前
Java中级——组合和继承
android·java·开发语言
我命由我123452 天前
Jetpack Compose - MaterialExpressiveTheme 与 MaterialTheme、ColorScheme
android·java·开发语言·java-ee·kotlin·android jetpack·android runtime