底部导航栏超简单实现

最新推荐文章于 2024-04-08 14:19:45 发布

T神

最新推荐文章于 2024-04-08 14:19:45 发布

阅读量750

点赞数

分类专栏： Android 文章标签：底部导航栏

本文链接：https://blog.youkuaiyun.com/qq_41176521/article/details/102734113

版权

Android 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何简单快捷地在Android应用中实现底部导航栏，包括在MainActivity.java中配置逻辑、设计布局代码.xml以及创建menu.xml文件。通过这些步骤，轻松完成底部导航栏的设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一步上图

mainactivity.Java

package com.tianwengeek.test;

import android.os.Bundle;
import android.view.MenuItem;
import android.widget.FrameLayout;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;

import com.google.android.material.bottomnavigation.BottomNavigationView;

public class MainActivity extends AppCompatActivity {
    FrameLayout frameLayout;
    BottomNavigationView navigationView;
    TextView textView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        navigationView = findViewById(R.id.bottom_nav);
        frameLayout = findViewById(R.id.framelayout);
        textView = findViewById(R.id.textview);
        textView.setText("Home");
        navigationView.setOnNavigationItemSelectedListener(nListView);

    }
    private BottomNavigationView.OnNavigationItemSelectedListener nListView = new BottomNavigationView.OnNavigationItemSelectedListener() {
        @Override
        public boolean onNavigationItemSelected(
                @NonNull MenuItem menuItem) {
            switch (menuItem.getItemId()) {
                case R.id.home:
                    textView.setText("Home");
                    break;
                case R.id.favorite:
                    textView.setText("Favorite");
                    break;
                case R.id.notification:
                    textView.setText("Notification");
                    break;
                case R.id.bk:
                    textView.setText("博客");
                    break;
            }
            return true;
        }
    };
}

布局代码.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <FrameLayout
        android:id="@+id/framelayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/bottom_nav"
        android:layout_alignParentStart="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginStart="-30dp"
        android:layout_marginLeft="-30dp"
        android:layout_marginTop="-87dp"
        android:layout_marginBottom="87dp">

        <TextView
            android:id="@+id/textview"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:textColor="@android:color/black"
            android:textSize="25sp" />
    </FrameLayout>
    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottom_nav"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentLeft="true"
        android:background="#FF4081"
        app:itemIconTint="@android:color/white"
        app:itemTextColor="@android:color/white"
        app:menu="@menu/menu"
        tools:ignore="RtlHardcoded"/>

</RelativeLayout>

menu.xml代码

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/home"
        android:title="我的"
        android:icon="@drawable/c" />
    <item
        android:id="@+id/favorite"
        android:title="主页"
        android:icon="@drawable/b" />
    <item
        android:id="@+id/notification"
        android:title="信息"
        android:icon="@drawable/a"/>
    <item
        android:id="@+id/bk"
        android:title="博客"
        android:icon="@drawable/a"/>
</menu>

完工，大佬勿喷