添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

我们常常遇到这样的任务场景,需要动手制作一个导航栏,要求在点击时图标颜色和文字发生改变,那么这样的场景应该如何实现呢?

一、图标的动态更改

图标的动态更改我们通过自定义Layout和BottomNavigationView中的属性进行更改

新建Menu等步骤就不进行赘述了,这一部分还不了解的朋友可以先看一下BottomNavigationView的使用

这里直接放出代码供大家进行阅读

<com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/mainBottomNavigation"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:background="#161817"
        app:itemIconTint="@drawable/bottom_btn_selected_color"
        app:labelVisibilityMode="labeled"
        android:elevation="1dp"
        app:menu="@menu/menu"/>

重点关注itemIconTint属性,它是实现BottomNavigationView的实现按钮动态颜色转变的关键

bottom_btn_selected_color.xml属性如下

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/bottom_btn_selected" android:state_checked="true" />
    <item android:color="@color/bottom_btn_unselected" android:state_checked="false"/>
</selector>

最终实现效果

在这里插入图片描述
曾经笔者尝试过在menu中设置对每个Item设置drawable的形式进行区分点击和未点击的状态,但是事实上点击的事件是在BottomNavigationView这一层就进行了消费,并不会向下传递,所以该种做法并不行得通,有相同想法的uu可以看看

二、文字的动态更改

文字的动态更改需要通过Java代码进行实现,具体的代码如下

//获取底部导航图标颜色,根据图标颜色设置文字颜色
        Resources resource = getResources();
        @SuppressLint("ResourceType")
        ColorStateList csl = resource.getColorStateList(R.drawable.bottom_btn_selected_color);
        bottomNav.setItemTextColor(csl);

这里的drawable文件主要是用于实现颜色切换,上面第一个问题中的drawable文件类似

最终实现效果如上图所示

只需要在res/values/dimer下添加 14dp代表字体大小,可随意更改 <dimen name="design_bottom_navigation_active_text_size">14dp</dimen> <dimen name="design_bottom_navigation_text_size">14dp</dimen&... BottomNavigationView是design包下的一款底部导航控件,初次使用发现效果特别不错,可是到了实际开发中,我们要的效果就不能按照谷歌的标准来开发了。都会有美工给我们切好图,而我们把图片放入后,却被bottomNavigationView修改成了他默认的颜色切换,而有时候我们的图片就不是纯色的图。自动模式,该模式使用item数来确定是否显示或隐藏标签,即自动开启shifting mode,默认的模式。这里注意margin的使用,不是越大,文字图片的间距就越大,还是拿修改参数看图说话。 常用属性app:itemTextColor 文字颜色,可以通过selector来控制选中和未选中颜色app:itemIconTint 图标的颜色,可以通过selector来控制选中和未选中颜色app:itemIconSize 图标大小,默认24dpapp:iteamBackground 背景颜色,默认是主题的颜色app:itemRippleColor 点击后的水波纹颜色app:itemTextAppearanceActive 设置选中文字样式。 我正在制作一个带有底部导航栏的Android应用。我知道如何为所有图标设置相同的颜色,但是我想像(我希望每个图标都具有不同的颜色),即使该材料设计指南中对此没有要求。这是一个Java应用程序,一切正常。我只需要为栏中的每个图标设置不同的颜色。菜单.xml文件:android:id="@+id/id1"android:icon="pathtoicon1"android:title="Text1" /... 今天做一个Android项目,其中用到一个小功能,要将状态栏的颜色设置和界面风格一样,动态变化。 界面是一个webview,也就是状态栏的颜色要和网页头部颜色保持一样的颜色风格,做完了,在这记录一下。 一、状态栏更换背景色 在Activity的onCreate函数中添加: // 4.4及以上版本开启 if (Build.VERSION.SDK_INT >= Build.VERS <com.google.android.material.bottomnavigation.BottomNavigationView android:id="@+id/bottomNavigationView" android:layout_width="matc...