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数据库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
阅读更多...
android应用中res目录说明

android应用中res目录说明

Android应用的res目录是一个特殊的项目，该项目里存放了Android应用所用的全部资源，包括图片、字符串、颜色、尺寸、样式等，类似于web开发中的public目录，js、css、image、style。。。。 Android按照约定，将不同的资源放在不同的文件夹中，这样可以方便的让AAPT(即Android Asset Packaging Tool , 在SDK的build-tools目
阅读更多...
Android fill_parent、match_parent、wrap_content三者的作用及区别

Android fill_parent、match_parent、wrap_content三者的作用及区别

这三个属性都是用来适应视图的水平或者垂直大小，以视图的内容或尺寸为基础的布局，比精确的指定视图的范围更加方便。 1、fill_parent 设置一个视图的布局为fill_parent将强制性的使视图扩展至它父元素的大小 2、match_parent 和fill_parent一样，从字面上的意思match_parent更贴切一些，于是从2.2开始，两个属性都可以使用，但2.3版本以后的建议使
阅读更多...
Android Environment 获取的路径问题

Android Environment 获取的路径问题

1. 以获取 /System 路径为例 /*** Return root of the "system" partition holding the core Android OS.* Always present and mounted read-only.*/public static @NonNull File getRootDirectory() {return DIR_ANDR
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2