Android Material design 之 BottomNavigationView(底部导航栏的实现)
16lz
2021-01-23
新建project然后导入以下support:design library,BottomNavigationView就在这个design库中。顺带导入这个V4包,因为待会要使用到ViewPager进行联动,
项目地址为(https://github.com/KilleTom/MyMaterialDesignDemo)这个项目我后面会陆续更新更多的MaterialDesignDemo
在res下新建menu文件夹,新建一个menu菜单,有具体需求决定。
app:itemIconTint="" 为icon着色,写个selector即可。
app:itemTextColor=""该属性为文字着色,同样写个selector实现点击颜色切换的效果。
具体实现代码如下:
app:itemIconTint="@drawable/bn_icon_seletor"app:itemTextColor="@drawable/bn_icon_seletor"
// 利用反射,改变 item 中 mShiftingMode 的值
public class BottomNavigationViewHelper { @SuppressLint("RestrictedApi") public static void disableShiftMode(BottomNavigationView navigationView) { BottomNavigationMenuView menuView = (BottomNavigationMenuView)navigationView.getChildAt(0); try { Field shiftingMode = menuView.getClass().getDeclaredField("mShiftingMode"); shiftingMode.setAccessible(true); shiftingMode.setBoolean(menuView, false); shiftingMode.setAccessible(false); for (int i = 0; i < menuView.getChildCount(); i++) { BottomNavigationItemView itemView = (BottomNavigationItemView) menuView.getChildAt(i); itemView.setShiftingMode(false); itemView.setChecked(itemView.getItemData().isChecked());} } catch (NoSuchFieldException | IllegalAccessException e) { e.printStackTrace(); }}}
//反射解决底部item移动动画BottomNavigationViewHelper.disableShiftMode(navigation)tab.setupWithViewPager(vp)//获取底部导航itemvar menuItem: MenuItem? = null//设置点击底部导航item事件navigation.setOnNavigationItemSelectedListener(BottomNavigationView.OnNavigationItemSelectedListener { item -> when (item.itemId) { R.id.navigation_home -> { vp.currentItem = 0 return@OnNavigationItemSelectedListener true } R.id.navigation_dashboard -> { vp.currentItem = 1 return@OnNavigationItemSelectedListener true } R.id.navigation_notifications -> { vp.currentItem = 2 return@OnNavigationItemSelectedListener true } R.id.navigation_camera -> { vp.currentItem = 3 return@OnNavigationItemSelectedListener true } } false})vp.addOnPageChangeListener(object : ViewPager.OnPageChangeListener { override fun onPageScrollStateChanged(state: Int) { } override fun onPageScrolled(position: Int, positionOffset: Float, positionOffsetPixels: Int) { } //ViewPage滑动回调设置item变亮即选中 override fun onPageSelected(position: Int) { runOnUiThread { if (menuItem != null) menuItem!!.setChecked(false) else navigation.menu.getItem(0).setChecked(false) menuItem = navigation.menu.getItem(position) menuItem!!.setChecked(true) } }})
运行效果如下:
更多相关文章
- Android水波纹点击效果
- Android 特殊界面效果之——透明界面
- 计算器——第一个Android小项目
- Android项目结构
- android 抗锯齿效果
- Android 推荐 开源项目
- H5做的商城客户端,效果很不错