Android使用xml实现底部导航界面

最新推荐文章于 2024-07-28 23:44:14 发布

没事瞎琢磨的程序猿

最新推荐文章于 2024-07-28 23:44:14 发布

阅读量639

点赞数 1

CC 4.0 BY-SA版权

文章标签： Android 导航

本文链接：https://blog.youkuaiyun.com/qq_38759137/article/details/98655602

本文详细介绍了如何在Android应用中实现底部导航栏功能，通过XML布局文件和Java代码结合使用，实现了不同页面间的切换效果。文章展示了具体的代码实现，包括布局设置、页面切换逻辑及按钮点击事件处理。

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

实现效果图

1.xml文件代码

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/menu"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
   >
    <FrameLayout
        android:id="@+id/fragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginBottom="50dp">
    </FrameLayout>
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_above="@+id/menu_button"
        android:background="@color/colorPerson"
        />
    <LinearLayout
        android:id="@+id/menu_button"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="#FFF5EE"
        android:layout_alignParentBottom="true">
           <ImageView
               android:id="@+id/home_button"
               style="@style/rb_style"
               android:background="@drawable/home"
               android:checked="true"
               android:layout_gravity="center"
               />
           <ImageView
               android:id="@+id/travel_button"
               style="@style/rb_style"
               android:background="@drawable/travel"
               android:layout_gravity="center"
               />
           <ImageView
               android:id="@+id/person_button"
               style="@style/rb_style"
               android:background="@drawable/person"
               android:layout_gravity="center"
              />
    </LinearLayout>
</RelativeLayout>

2.java代码

package com.xujun.busticketsystem;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {
    private ImageView mHomeImage;//首页按钮
    private ImageView mTravelImage;//行程按钮
    private ImageView mPersonImage;//个人按钮


    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.fragment_main);

        getSupportFragmentManager().beginTransaction().add(R.id.fragment,SearchFragment.getSearchFragment()).commit();

        mHomeImage = findViewById(R.id.home_button);
        mTravelImage = findViewById(R.id.travel_button);
        mPersonImage = findViewById(R.id.person_button);
        //注册监听器
        mHomeImage.setOnClickListener(click);
        mTravelImage.setOnClickListener(click);
        mPersonImage.setOnClickListener(click);

    }

    View.OnClickListener click = new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            FragmentManager manager = getSupportFragmentManager();
            FragmentTransaction tr = manager.beginTransaction();
            Fragment fragment = null;
            switch (v.getId()) {
                case R.id.home_button:
                    fragment = SearchFragment.getSearchFragment();
                    break;
                case R.id.travel_button:
                    fragment = TravelFragment.getTravelFragment();
                    break;
                case R.id.person_button:
                    fragment = PersonFragment.getPersonFragment();
                    break;
                default:
                    break;
            }

            tr.replace(R.id.fragment, fragment);
            tr.commit();
        }
    };
}

代码部分仅供参考