步骤,写 5 个 fragment 自定义的类+5个布局文件:
package com.xmkjsoft.xhgh.fragment;import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;import com.xmkjsoft.xhgh.R;public class CartFragment extends Fragment {@Nullable@Overridepublic View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {// Inflate the layout for this fragmentreturn inflater.inflate(R.layout.fragment_cart, container, false);}
}package com.xmkjsoft.xhgh.fragment;import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;import com.xmkjsoft.xhgh.R;public class HomeFragment extends Fragment {@Nullable@Overridepublic View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {// Inflate the layout for this fragmentreturn inflater.inflate(R.layout.fragment_home, container, false);}
}package com.xmkjsoft.xhgh.fragment;import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;import com.xmkjsoft.xhgh.R;public class MineFragment extends Fragment {@Nullable@Overridepublic View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {// Inflate the layout for this fragmentreturn inflater.inflate(R.layout.fragment_mine, container, false);}
}package com.xmkjsoft.xhgh.fragment;import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;import com.xmkjsoft.xhgh.R;public class SortFragment extends Fragment {@Nullable@Overridepublic View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {// Inflate the layout for this fragmentreturn inflater.inflate(R.layout.fragment_sort, container, false);}
}package com.xmkjsoft.xhgh.fragment;import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;import com.xmkjsoft.xhgh.R;public class VideoFragment extends Fragment {@Nullable@Overridepublic View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {// Inflate the layout for this fragmentreturn inflater.inflate(R.layout.fragment_video, container, false);}
}
布局文件
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"xmlns:app="http://schemas.android.com/apk/res-auto"><Buttonandroid:id="@+id/center_button"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="fragment_cart"android:textSize="18sp"android:textStyle="bold"app:layout_constraintStart_toStartOf="parent"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintTop_toTopOf="parent"app:layout_constraintBottom_toBottomOf="parent" /></androidx.constraintlayout.widget.ConstraintLayout>
MainActivity 和布局文件
package com.xmkjsoft.xhgh;import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.content.ContextCompat;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentTransaction;import android.os.Bundle;
import android.view.ContextMenu;
import android.view.MenuItem;
import android.view.View;import com.google.android.material.badge.BadgeDrawable;
import com.google.android.material.bottomnavigation.BottomNavigationMenuView;
import com.google.android.material.bottomnavigation.BottomNavigationView;
import com.google.android.material.bottomnavigation.LabelVisibilityMode;
import com.google.android.material.navigation.NavigationBarView;
import com.xmkjsoft.xhgh.fragment.CartFragment;
import com.xmkjsoft.xhgh.fragment.HomeFragment;
import com.xmkjsoft.xhgh.fragment.MineFragment;
import com.xmkjsoft.xhgh.fragment.SortFragment;
import com.xmkjsoft.xhgh.fragment.VideoFragment;public class MainActivity extends AppCompatActivity {private BottomNavigationView bottomNavigationView;private FragmentManager fragmentManager;private HomeFragment homeFragment;private VideoFragment videoFragment;private SortFragment sortFragment;private CartFragment cartFragment;private MineFragment mineFragment;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);bottomNavigationView = findViewById(R.id.bottom_navigation);// 获取或创建相应菜单项的 BadgeBadgeDrawable badge = bottomNavigationView.getOrCreateBadge(R.id.home);bottomNavigationView.setLabelVisibilityMode(NavigationBarView.LABEL_VISIBILITY_LABELED);// 设置红点的颜色为红色badge.setBackgroundColor(ContextCompat.getColor(this, R.color.badge_color));// 设置 Badge 上显示的数字badge.setNumber(999);bottomNavigationView.setOnItemSelectedListener(new BottomNavigationView.OnItemSelectedListener() {@Overridepublic boolean onNavigationItemSelected(@NonNull MenuItem item) {if (item.getItemId() == R.id.home) {// 处理 Home 子项点击事件return false;} else if (item.getItemId() == R.id.video) {// 处理 Video 子项点击事件return true;} else if (item.getItemId() == R.id.sort) {// 处理 Sort 子项点击事件return true;} else if (item.getItemId() == R.id.cart) {// 处理 Cart 子项点击事件return true;} else if (item.getItemId() == R.id.mine) {// 处理 Mine 子项点击事件return true;} else {return false;}}});/**禁止长按弹出toast**/BottomNavigationMenuView menuView = (BottomNavigationMenuView) bottomNavigationView.getChildAt(0);for (int i = 0; i < menuView.getChildCount(); i++) {final View view = menuView.getChildAt(i);view.setOnLongClickListener(new View.OnLongClickListener() {@Overridepublic boolean onLongClick(View v) {// 返回true表示消费了长按事件,不再执行默认的长按行为view.performClick(); // 模拟点击事件return true;}});}homeFragment=new HomeFragment();videoFragment=new VideoFragment();sortFragment=new SortFragment();cartFragment=new CartFragment();mineFragment=new MineFragment();fragmentManager = getSupportFragmentManager();// 默认显示 exampleFragmentfragmentManager.beginTransaction().replace(R.id.home_container, homeFragment).commit();// 设置底部导航栏的监听器bottomNavigationView.setOnItemSelectedListener(new BottomNavigationView.OnItemSelectedListener() {@Overridepublic boolean onNavigationItemSelected(@NonNull MenuItem item) {FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();if (item.getItemId() == R.id.home) {Fragment fragment2 = fragmentManager.findFragmentById(R.id.video_container);Fragment fragment3 = fragmentManager.findFragmentById(R.id.sort_container);Fragment fragment4 = fragmentManager.findFragmentById(R.id.cart_container);Fragment fragment5 = fragmentManager.findFragmentById(R.id.mine_container);if (fragment2 != null) {fragmentTransaction.remove(fragment2);}if (fragment3 != null) {fragmentTransaction.remove(fragment3);}if (fragment4 != null) {fragmentTransaction.remove(fragment4);}if (fragment5 != null) {fragmentTransaction.remove(fragment5);}// 替换为 fragment1fragmentTransaction.replace(R.id.home_container, homeFragment);fragmentTransaction.commit();return true;}else if (item.getItemId() == R.id.video) {Fragment fragment1 = fragmentManager.findFragmentById(R.id.home_container);Fragment fragment3 = fragmentManager.findFragmentById(R.id.sort_container);Fragment fragment4 = fragmentManager.findFragmentById(R.id.cart_container);Fragment fragment5 = fragmentManager.findFragmentById(R.id.mine_container);if (fragment1 != null) {fragmentTransaction.remove(fragment1);}if (fragment3 != null) {fragmentTransaction.remove(fragment3);}if (fragment4 != null) {fragmentTransaction.remove(fragment4);}if (fragment5 != null) {fragmentTransaction.remove(fragment5);}// 替换为 fragment1fragmentTransaction.replace(R.id.video_container,videoFragment);fragmentTransaction.commit();return true;}else if (item.getItemId() == R.id.sort) {Fragment fragment1 = fragmentManager.findFragmentById(R.id.home_container);Fragment fragment2 = fragmentManager.findFragmentById(R.id.video_container);Fragment fragment4 = fragmentManager.findFragmentById(R.id.cart_container);Fragment fragment5 = fragmentManager.findFragmentById(R.id.mine_container);if (fragment1 != null) {fragmentTransaction.remove(fragment1);}if (fragment2 != null) {fragmentTransaction.remove(fragment2);}if (fragment4 != null) {fragmentTransaction.remove(fragment4);}if (fragment5 != null) {fragmentTransaction.remove(fragment5);}// 替换为 fragment1fragmentTransaction.replace(R.id.sort_container,sortFragment);fragmentTransaction.commit();return true;}else if (item.getItemId() == R.id.cart) {Fragment fragment1 = fragmentManager.findFragmentById(R.id.home_container);Fragment fragment2 = fragmentManager.findFragmentById(R.id.video_container);Fragment fragment3 = fragmentManager.findFragmentById(R.id.sort_container);Fragment fragment5 = fragmentManager.findFragmentById(R.id.mine_container);if (fragment1 != null) {fragmentTransaction.remove(fragment1);}if (fragment2 != null) {fragmentTransaction.remove(fragment2);}if (fragment3 != null) {fragmentTransaction.remove(fragment3);}if (fragment5 != null) {fragmentTransaction.remove(fragment5);}fragmentTransaction.replace(R.id.cart_container,cartFragment);fragmentTransaction.commit();return true;}else if (item.getItemId() == R.id.mine) {Fragment fragment1 = fragmentManager.findFragmentById(R.id.home_container);Fragment fragment2 = fragmentManager.findFragmentById(R.id.video_container);Fragment fragment3 = fragmentManager.findFragmentById(R.id.sort_container);Fragment fragment4 = fragmentManager.findFragmentById(R.id.cart_container);if (fragment1 != null) {fragmentTransaction.remove(fragment1);}if (fragment2 != null) {fragmentTransaction.remove(fragment2);}if (fragment3 != null) {fragmentTransaction.remove(fragment3);}if (fragment4 != null) {fragmentTransaction.remove(fragment4);}fragmentTransaction.replace(R.id.mine_container,mineFragment);fragmentTransaction.commit();return true;}return false;}});}
}
布局文件
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"><com.google.android.material.bottomnavigation.BottomNavigationViewandroid:id="@+id/bottom_navigation"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_alignParentBottom="true"app:layout_constraintBottom_toBottomOf="parent"app:itemRippleColor="@null"app:labelVisibilityMode="labeled"app:menu="@menu/bottom_navigation_menu" /><FrameLayoutandroid:id="@+id/home_container"android:layout_width="match_parent"android:layout_height="match_parent" /><FrameLayoutandroid:id="@+id/video_container"android:layout_width="match_parent"android:layout_height="match_parent" /><FrameLayoutandroid:id="@+id/sort_container"android:layout_width="match_parent"android:layout_height="match_parent" /><FrameLayoutandroid:id="@+id/cart_container"android:layout_width="match_parent"android:layout_height="match_parent" /><FrameLayoutandroid:id="@+id/mine_container"android:layout_width="match_parent"android:layout_height="match_parent" /></androidx.constraintlayout.widget.ConstraintLayout>
menu文件 5个tab嘛:
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"><itemandroid:id="@+id/home"android:icon="@drawable/ic_launcher_background"android:title="@string/nav_home_text" /><itemandroid:id="@+id/video"android:icon="@drawable/ic_launcher_background"android:title="@string/nav_video_text" /><itemandroid:id="@+id/sort"android:icon="@drawable/ic_launcher_background"android:title="@string/nav_sort_text" /><itemandroid:id="@+id/cart"android:icon="@drawable/ic_launcher_background"android:title="@string/nav_cart_text" /><itemandroid:id="@+id/mine"android:icon="@drawable/ic_launcher_background"android:title="@string/nav_mine_text" />
</menu>
string:
<resources><string name="app_name">xhgh</string><string name="nav_home_text">首页</string><string name="nav_video_text">小视频</string><string name="nav_sort_text">分类</string><string name="nav_cart_text">购物车</string><string name="nav_mine_text">我的</string> </resources>
/**禁止长按弹出toast**/
BottomNavigationMenuView menuView = (BottomNavigationMenuView) bottomNavigationView.getChildAt(0);
for (int i = 0; i < menuView.getChildCount(); i++) {
final View view = menuView.getChildAt(i);
view.setOnLongClickListener(new View.OnLongClickListener() {
@Override
public boolean onLongClick(View v) {
// 返回true表示消费了长按事件,不再执行默认的长按行为
view.performClick(); // 模拟点击事件
return true;
}
});
}