IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> Android:BottomNavigationView自定义选中颜色和文字 -> 正文阅读

[移动开发]Android:BottomNavigationView自定义选中颜色和文字


前言

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

一、图标的动态更改

图标的动态更改我们通过自定义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文件类似

最终实现效果如上图所示

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-02-28 15:41:20  更:2022-02-28 15:42:19 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 15:49:14-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码