Android 底部导航栏 中间凸起

2024-05-11 03:08
文章标签 android 底部 中间 导航 凸起

本文主要是介绍Android 底部导航栏 中间凸起，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

andrid 中有一种常见底部导航栏中间凸起样式，如图：
这里写图片描述
中间凸起样式常见的实现方式：

1.借助父布局的clipchildren属性，设置为false，即允许子view超出父view的限制
2.直接在原来view上覆盖view，拦截底层（原来）view的事件。

因项目中中使用了BottomNavigationViewEx
作为底部导航栏，本文主要探讨第二种实现方式。BottomNavigationViewEx具体使用方式请参考（https://github.com/ittianyu/BottomNavigationViewEx/blob/master/README_ZH.md）。此库作者提供了中间使用FloatingActionButton来实现凸起的方式，本文对FloatingActionButton的事件做了一下拓展。

activity_main_home

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent"><com.ittianyu.bottomnavigationviewex.BottomNavigationViewEx
        android:id="@+id/bnve"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_alignParentBottom="true"android:background="@color/colorWhite"app:itemIconTint="@color/selector_item_color"app:itemTextColor="@color/selector_item_color"app:menu="@menu/menu_bottom_navigation"/><android.support.v4.view.ViewPager
        android:id="@+id/vp"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_above="@id/bnve"/><android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentBottom="true"android:layout_centerHorizontal="true"android:layout_marginBottom="16dp"android:src="@drawable/comui_tab_pond"app:backgroundTint="@android:color/white"app:borderWidth="0dp"app:elevation="9dp"/>
</RelativeLayout>

app:menu=”@menu/menu_bottom_navigation”的具体布局；

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"><item
        android:id="@+id/menu_main"android:checked="true"android:icon="@drawable/foot_auction"android:title="首页" /><!--因为需要覆盖view 此处省略android:icon--><item
        android:id="@+id/menu_empty"android:title="" /><item
        android:id="@+id/menu_me"android:icon="@drawable/foot_me"android:title="我的" /></menu>

MainHomeActivity

package com.duyuanbo.navigationbar;import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.design.widget.BottomNavigationView;
import android.support.design.widget.FloatingActionButton;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.view.MenuItem;import com.ittianyu.bottomnavigationviewex.BottomNavigationViewEx;import java.util.ArrayList;
import java.util.List;/*** author : duyb* time : 2018/01/17* desc :主页*/
public class MainHomeActivity extends AppCompatActivity {private BottomNavigationViewEx bnve;private VpAdapter adapter;private List<Fragment> fragments;private ViewPager viewPager;private FloatingActionButton floatingActionButton;@Overrideprotected void onCreate(@Nullable Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main_home);initView();initData();initBNVE();initEvent();}/*** init BottomNavigationViewEx envent*/private void initEvent() {bnve.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {private int previousPosition = -1;@Overridepublic boolean onNavigationItemSelected(@NonNull MenuItem item) {int position = 0;switch (item.getItemId()) {case R.id.menu_main:position = 0;break;case R.id.menu_me:position = 2;break;case R.id.menu_empty: {position = 1;//此处return false且在FloatingActionButton没有自定义点击事件时 会屏蔽点击事件//return false;}default:break;}if (previousPosition != position) {viewPager.setCurrentItem(position, false);previousPosition = position;}return true;}});viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {@Overridepublic void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {}@Overridepublic void onPageSelected(int position) {if (1 == position) {floatingActionButton.setImageResource(R.drawable.comui_tab_pond_selected);} else {floatingActionButton.setImageResource(R.drawable.comui_tab_pond);}/* // 1 is center 此段结合屏蔽FloatingActionButton点击事件的情况使用//在viewPage滑动的时候 跳过最中间的page也if (position >= 1) {position++;}*/bnve.setCurrentItem(position);}@Overridepublic void onPageScrollStateChanged(int state) {}});
/*** fab 点击事件结合OnNavigationItemSelectedListener中return false使用*//*floatingActionButton.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {Toast.makeText(MainHomeActivity.this, "Center", Toast.LENGTH_SHORT).show();}});*/}private void initView() {floatingActionButton = findViewById(R.id.fab);viewPager = findViewById(R.id.vp);bnve = findViewById(R.id.bnve);}/*** create fragments*/private void initData() {fragments = new ArrayList<>(3);BaseFragment homeFragment = new BaseFragment();Bundle bundle = new Bundle();bundle.putString("title", "首页");homeFragment.setArguments(bundle);BaseFragment orderFragment = new BaseFragment();bundle = new Bundle();bundle.putString("title", "订单");orderFragment.setArguments(bundle);BaseFragment meFragment = new BaseFragment();bundle = new Bundle();bundle.putString("title", "我的");meFragment.setArguments(bundle);fragments.add(homeFragment);fragments.add(orderFragment);fragments.add(meFragment);}/*** init BottomNavigationViewEx*/private void initBNVE() {bnve.enableAnimation(false);bnve.enableShiftingMode(false);bnve.enableItemShiftingMode(false);adapter = new VpAdapter(getSupportFragmentManager(), fragments);viewPager.setAdapter(adapter);}/*** view pager adapter*/private static class VpAdapter extends FragmentPagerAdapter {private List<Fragment> data;public VpAdapter(FragmentManager fm, List<Fragment> data) {super(fm);this.data = data;}@Overridepublic int getCount() {return data.size();}@Overridepublic Fragment getItem(int position) {return data.get(position);}}
}

BaseFragment

public class BaseFragment extends Fragment {private String title;@Overridepublic void onCreate(@Nullable Bundle savedInstanceState) {super.onCreate(savedInstanceState);// get titletitle = getArguments().getString("title");}@Nullable@Overridepublic View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {View view = inflater.inflate(R.layout.frag_base, container, false);TextView textView = view.findViewById(R.id.tv_title);textView.setText(title);return view;}
}

frag_base.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"><TextView
        android:id="@+id/tv_title"android:layout_width="match_parent"android:layout_height="match_parent"android:gravity="center"android:textColor="@android:color/black"android:textSize="20sp" />
</LinearLayout>

当然FloatingActionButton完全可以换成是其它的view，比如ImagView ,RadioButton,CheckBox等。

其它实现方案

参照PagerBottomTabStrip自定义tabItem
（https://github.com/tyzlmjj/PagerBottomTabStrip）

这篇关于Android 底部导航栏 中间凸起的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/978338。

相关文章

Android 悬浮窗开发示例((动态权限请求 | 前台服务和通知 | 悬浮窗创建 )

Android 悬浮窗开发示例((动态权限请求 | 前台服务和通知 | 悬浮窗创建 )

《Android悬浮窗开发示例((动态权限请求|前台服务和通知|悬浮窗创建)》本文介绍了Android悬浮窗的实现效果,包括动态权限请求、前台服务和通知的使用,悬浮窗权限需要动态申请并引导... 目录一、悬浮窗 动态权限请求1、动态请求权限2、悬浮窗权限说明3、检查动态权限4、申请动态权限5、权限设置完毕后
阅读更多...
Android里面的Service种类以及启动方式

Android里面的Service种类以及启动方式

《Android里面的Service种类以及启动方式》Android中的Service分为前台服务和后台服务,前台服务需要亮身份牌并显示通知,后台服务则有启动方式选择,包括startService和b... 目录一句话总结：一、Service 的两种类型：1. 前台服务（必须亮身份牌）2. 后台服务（偷偷干
阅读更多...
Android kotlin语言实现删除文件的解决方案

Android kotlin语言实现删除文件的解决方案

《Androidkotlin语言实现删除文件的解决方案》：本文主要介绍Androidkotlin语言实现删除文件的解决方案,在项目开发过程中,尤其是需要跨平台协作的项目,那么删除用户指定的文件的... 目录一、前言二、适用环境三、模板内容1.权限申请2.Activity中的模板一、前言在项目开发过程中，尤
阅读更多...
Android数据库Room的实际使用过程总结

Android数据库Room的实际使用过程总结

《Android数据库Room的实际使用过程总结》这篇文章主要给大家介绍了关于Android数据库Room的实际使用过程,详细介绍了如何创建实体类、数据访问对象（DAO）和数据库抽象类,需要的朋友可以... 目录前言一、Room的基本使用1.项目配置2.创建实体类（Entity）3.创建数据访问对象（DAO
阅读更多...
Android WebView的加载超时处理方案

Android WebView的加载超时处理方案

《AndroidWebView的加载超时处理方案》在Android开发中,WebView是一个常用的组件,用于在应用中嵌入网页,然而,当网络状况不佳或页面加载过慢时,用户可能会遇到加载超时的问题,本... 目录引言一、WebView加载超时的原因二、加载超时处理方案1. 使用Handler和Timer进行超
阅读更多...
Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸： 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  （注意不能是bmp格式） 替换默认锁屏壁纸： 将图片资源放入vendo
阅读更多...
Android平台播放RTSP流的几种方案探究（VLC VS ExoPlayer VS SmartPlayer）

Android平台播放RTSP流的几种方案探究（VLC VS ExoPlayer VS SmartPlayer）

技术背景 好多开发者需要遴选Android平台RTSP直播播放器的时候，不知道如何选的好，本文针对常用的方案，做个大概的说明： 1. 使用VLC for Android VLC Media Player（VLC多媒体播放器），最初命名为VideoLAN客户端，是VideoLAN品牌产品，是VideoLAN计划的多媒体播放器。它支持众多音频与视频解码器及文件格式，并支持DVD影音光盘，VCD影
阅读更多...
android-opencv-jni

android-opencv-jni

//------------------start opencv--------------------@Override public void onResume(){ super.onResume(); //通过OpenCV引擎服务加载并初始化OpenCV类库，所谓OpenCV引擎服务即是 //OpenCV_2.4.3.2_Manager_2.4_*.apk程序包，存
阅读更多...
从状态管理到性能优化：全面解析 Android Compose

从状态管理到性能优化：全面解析 Android Compose

文章目录 引言一、Android Compose基本概念1.1 什么是Android Compose?1.2 Compose的优势1.3 如何在项目中使用Compose 二、Compose中的状态管理2.1 状态管理的重要性2.2 Compose中的状态和数据流2.3 使用State和MutableState处理状态2.4 通过ViewModel进行状态管理 三、Compose中的列表和滚动
阅读更多...
Android 10.0 mtk平板camera2横屏预览旋转90度横屏拍照图片旋转90度功能实现

Android 10.0 mtk平板camera2横屏预览旋转90度横屏拍照图片旋转90度功能实现

1.前言 在10.0的系统rom定制化开发中，在进行一些平板等默认横屏的设备开发的过程中，需要在进入camera2的 时候，默认预览图像也是需要横屏显示的，在上一篇已经实现了横屏预览功能，然后发现横屏预览后，拍照保存的图片 依然是竖屏的，所以说同样需要将图片也保存为横屏图标了，所以就需要看下mtk的camera2的相关横屏保存图片功能， 如何实现实现横屏保存图片功能 如图所示: 2.mtk
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2