首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

有没有办法让安卓BottomNavigationView的选定状态有不同的图标/颜色?

是的,可以通过自定义样式和使用不同的图标/颜色来实现安卓BottomNavigationView的选定状态的变化。

首先,你可以创建一个selector文件来定义不同状态下的图标/颜色。在res/drawable目录下创建一个名为"selector_bottom_navigation.xml"的文件,内容如下:

代码语言:xml
复制
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/ic_home_selected" android:state_checked="true" />
    <item android:drawable="@drawable/ic_home_unselected" />
</selector>

上述代码中,ic_home_selectedic_home_unselected分别代表选中和未选中状态下的图标。你可以根据自己的需求替换这些图标。

接下来,在你的布局文件中,将BottomNavigationView的app:itemIconTint属性设置为"@drawable/selector_bottom_navigation",如下所示:

代码语言:xml
复制
<com.google.android.material.bottomnavigation.BottomNavigationView
    android:id="@+id/bottom_navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:itemIconTint="@drawable/selector_bottom_navigation"
    app:menu="@menu/bottom_navigation_menu" />

最后,你需要创建一个菜单文件来定义底部导航栏的选项。在res/menu目录下创建一个名为"bottom_navigation_menu.xml"的文件,内容如下:

代码语言:xml
复制
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/menu_home"
        android:icon="@drawable/ic_home"
        android:title="Home" />
    <item
        android:id="@+id/menu_search"
        android:icon="@drawable/ic_search"
        android:title="Search" />
    <item
        android:id="@+id/menu_profile"
        android:icon="@drawable/ic_profile"
        android:title="Profile" />
</menu>

上述代码中,ic_homeic_searchic_profile分别代表底部导航栏选项的图标。你可以根据自己的需求替换这些图标。

通过以上步骤,你就可以实现安卓BottomNavigationView的选定状态有不同的图标/颜色了。当某个选项被选中时,对应的图标/颜色会根据selector文件中的定义进行变化。

腾讯云相关产品和产品介绍链接地址:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

微信图标现在可以换颜色了?

来源:发现科技 2011年1月21日,微信诞生了。 ? 看惯了这个绿色图标有没有想过给它换个骚气蓬勃颜色? 今天,给大家分享一个随意更改微信图标颜色方法,各种颜色都有,苹果都适用。...首先,我们需要下载一些微信颜色图标素材。(可根据文末提示下载示例中图标素材) 用户 ① 手机需要借助定制图标的小软件以及准备各种新微信图标素材,大家可以根据文末提示下载。...③ 下方找到微信,选择圆角方形图标形状。 ? ? ④ 再往下找到图标设置,点击这里改变图标。 ? ⑤ 选择导入图标,点击从图库中选择图标。 ? ? ⑥ 然后再点击选择图标,即上传成功。 ?...④ 打开右上角三点,选择添加到主屏幕。 ? ? ⑤ 修改新快捷指令名称为微信,选取照片为微信颜色图标,最后添加即可。 ? ? 简单又有趣微信“换装”玩法,这下大家都会了吧。...不用花里胡哨,只求与众不同,赶紧试试吧~

2K10
  • React Native 系列(九) -- Tab标签组件

    那么这篇文章将介绍RN中Tab标签组件。 Tab标签 什么是Tab标签?(ps:我是这样叫),就拿微信来说吧,底部4个选项卡,点击不同按钮切换不同内容。...TabBarIOS 常用属性 barTintColor string:标签栏背景颜色。 style:样式 tintColor string: 当前被选中标签图标颜色。...labelStyle:label样式属性 activeTintColor:label和icon前景色 活跃状态下 inactiveTintColor:label...labelStyle:label样式 upperCaseLabel:是否使标签大写,默认为true pressColor:material涟漪效果颜色版本需要大于5.0)...底部会多出一条线,可以将height设置为0来暂时解决这个问题 labelStyle:label样式 iconStyle:图标样式 实战演练 我们创建App.js

    6.5K90

    在 Flutter 中创建漂亮底部导航栏

    ,小程序,,VUE,JavaScript。...」 一些属性: 「fixed」 (副标题图标停留在中心) 「fixedCircle」 (相同,但在固定图标的所有边上都有一个白色圆圈) 「react」 (上标图标取代点击另一个图标) 「reactCircle...」 (与上标图标白色圆圈相同) 「textIn」 (选定离子出现相应标题) 「titled」 (未选择图标是显示其标题单个图标) 「flip」 (点击图标显示一个 flip 动画) 「custom...icon) 「curveSize」 (拉伸上标图标的曲线) 「color」 (设置图标颜色) 「backgroundColor」 (设置 appbar 背景颜色) 「gradient」 (使用渐变小部件设置...预览图: 代码: 在 Convex_Bottom_Bar 演示中,首先,我们在这个类中创建一个名为 MyHomePage ()状态类,我们创建一个值为 0 变量 selectedpage

    8.1K10

    react-navigation,刷新你导航一、属性介绍二、案例

    iOS默认支持,默认关闭 screen:对应界面名称,需要填入import之后页面 mode:定义跳转风格 card:使用iOS和默认风格。...:label样式 属性 activeTintColor:label和icon前景色 活跃状态下 inactiveTintColor:label和icon前景色 不活跃状态下 showIcon...pressColor:material涟漪效果颜色版本需要大于5.0) pressOpacity:按压标签透明度变化(版本需要小于5.0) scrollEnabled:是否启用可滚动选项卡...底部会多出一条线,可以将height设置为0来暂时解决这个问题 labelStyle:label样式 iconStyle:图标样式 1.3DrawerNavigator属性介绍 DrawerNavigatorConfig...为了代码健壮性,如果外界user属性值,就将user赋值给title。如果没有则title为空。

    19.7K90

    小程序界面设计指南

    “上一期文章讲了小程序平台特点以及场景需求,这一期文章主讲小程序设计规范,这是我通过阅读官方文档后归纳总结,需要详细了解小伙伴可以去看官方设计指南,文末链接。”...避免误操作 统一稳定 还应该时刻注意不同页面间统一性和延续性,在不同页面尽量使用一致控件和交互方式。比如按钮,tab选项卡,弹出框等。...手机自带硬件返回键执行“返回”上一级页面的操作。 导航存在一类特殊情况:当用户通过操作区菜单将小程序添加至桌面,刚打开小程序首页时,不展示导航区,仅展示标题和操作区。...在小程序次级页面,导航区只有“返回”操作,而点击手机自带硬件返回键也起到相同作用。 背景色规则 小程序导航栏支持背景颜色自定义,选择颜色需要满足微信提供两套主导航栏图标的可用性。...小程序首页可选择微信提供原生底部标签样式,该样式仅供小程序首页使用。可自定义图标样式、标签文案以及文案颜色等,具体设置项如图标尺寸等可参考开发文档和WeUI基础控件库。

    4.5K70

    Android设计 - 图标设计概述(Iconography)

    但是你可以在所有的设备上通过为每个图标提供多尺寸 来为你图标提供更好视觉效果。当你app运行时,检查设备屏幕特性并且加载适当指定密度你app中资源文件。...注意: 也支持 低密度(low-density LDPI),但是一般情况下不要以这个尺寸创建自定义资源,因为会有效向下缩放 1/2 倍 你HDPI资源来匹配期望大小。..., 使用一个轻微透视好像从上看一样, 这样用户感觉一些深度 ?...如果图形是细条它向左旋转45° 或者向右填满焦点空间。 笔画厚度和负空间应该最小为2dp 颜色 颜色: #333333启用时: 60% 不透明度禁用时: 30% 不透明度 ?...颜色: #FFFFFF启用时: 80% 不透明度禁用时: 30% 不透明度 小/上下文关系 图标 在你app内部,使用小图标去表现活动,或者为指定项提供状态

    1K00

    Android 12第四测试版公开发布,代号「雪花冰沙」!Google:平台已稳定,开发者可以冲了!

    新智元报道 来源:网络 编辑:LRS 【新智元导读】12已经发布第四测试版,距离正式版发布会也仅有一步之遥,还记得Android 12什么重大新功能吗?...又要更新啦!...Google最近发布了12 第 4 个beta测试版本, 这个测试版与之前最大不同在于它已经达到平台稳定性(Platform Stability)里程碑,也就是说Android开发者可以开始对他们...通过这个简单、自动生效自动颜色主题设计,用户手机会变得更具个性化。 除了自动颜色主题外,12还有诸多设计上调整,例如新动画,优化了间距等等。...Android 12还对下拉通知栏图标进行大改,原有的操作图标不复存在,取而代之是圆角矩形大块磁贴。 这些磁贴按钮操作方式和之前快捷按钮类似,轻按即可开关相应功能,长按就能进入设置界面。

    1K30

    虚拟定位“神器”了解一下,不能说太明白!

    今天内容如题,但是不敢写太明白怕被关小黑屋,所以大家想了解今天软件,需要自已更多去尝试了。...今天回答一个小问题,朋友问怎么有些软件打开会出现闪退,可能你手机版本太高了,9.0以上可能有些人会出现这情况。解决办法嘛,只能降系统了.... ?...软件打开页面是没有看到什么东西,只有一个“添加分享应用” ? 点击添加我们想要软件,添加之后就会看到软件图标,(例如上班需要定位打卡软件也能用上) ?...点击软件图标可以打开详情页面,这里面有以上功能(不敢描述出来,大家看图就懂哈) 点开第一个功能就会出现下面的界面,自已选定好位置点击开始就行。 ? 好像只能定在国内地区,国外一些原因定不成功。...点击应用图标那里即可打开运行,之后就是正常登录即可。 上面的那些功能大家都可以试试也许惊喜,其他软件也可以使用大家可以添加其他软件来试试。 怕被关小黑屋原谅柚子不敢写太详细。

    1K10

    移动体验设计6大禁

    1、请勿盲目模仿其它平台UI元素和字体 当你在或ios平台上创建应用时,不要从其他平台上照搬鲜明主题UI元素,也不要模仿它们特定行为。...iOS版也有一个纯文本样式按钮,但它与全大写字母不同,并且字体更纤细。 ?...根据不同字体便可以判断你所使用应用还是ios应用 如果你想自定义应用中界面元素,请仔细根据你品牌来设计,而不是把另一个不同平台规范作为依据。...你也应该注意到每个平台自身独特风格:系统图标通常使用较粗笔触,而iOS乐于使用笔画较细线形图标。以下是几个图标的对比图: ?...常用功能图标(上)ios常用功能图标(下) 3、不要把网站体验复制到应用程序上 用户对移动应用交互模式和界面元素有特殊期待。

    2.2K130

    ICON设计使用手册:如何设计一个优秀图标

    大家都知道UI设计师要画图标,面对那么多纷繁复杂林林总总图标,大家有没有总结过一些系统知识点呢,今天咱们来看看Nick Babich这篇文章。...图标设计,即icon设计在界面设计中占有很重要位置,决定一个界面风格重要构成元素。一个好图标,可以用户“一秒即懂”,如何设计出优秀图标,这篇文章给你解答。...主要风格大体有这些: 工具图标:线性风格、面性风格、混合风格 装饰图标:扁平风格、拟物风格、2.5D风格、炫彩渐变风格、实物贴图风格 启动图标:文字形式、图形形式、图标形式、插画形式、拟物形式 ?...限制颜色使用数量,使用不超过3或4种颜色,保持设计简洁。通过聚焦于对象基本特征,来减少图形设计细节数量。尽量保持设计概要性,因为设计概要性不同界面和分辨率都可以进行转换。 ?...(苹果iOS和Google 图标) c.与整个产品风格保持一致 如果你拥有整个产品系列,确保一致图标风格(或至少类似)应用在你所有的产品中。

    1.9K20

    Android Notes|BottomNavigationView 爱上 Lottie

    设置字体颜色,尤其默认以及选中,同样可以通过 selector 选择器进行对应设置。 而关于选中状态切换时,对应标题字体大小发生改变以及导航栏高度,都可以通过在 dimens 定义如下解决: <!...想起来都是累,韩总我自己折腾 Lottie json 文件。...= bottomNavigationView composition = result.value } } /** * 获取不同模式下 Lottie json 文件 */...下面是我陷入误区思路: 我想着因为是通过 playAnimation 开始执行动画从而过渡到最后颜色,那么对应 endAnimation 应该是直接能回到初始状态。...apply { playAnimation() } // 这里判断如果当前点击和上一次点击索引不同,则将上一次点击索引位置 MenuItem Icon 替换

    3.7K21

    开发经验分享:资源、UI、函数库、测试、构建一个都不能少

    今非昔比,我们已经了一个成熟OS、很棒开发工具、稳定Eclipse插件和其他IDE,数不清开发书籍和相关技术博客。...这里,我想分享自己在开发应用时用到工具和一些技巧,希望可以大家少走一些弯路。 1. 资源 所有的UI指南都可以在这里找到。...有些时候我们需要快速地找到资源,我们需要工具栏图标、主题、其他图标和各种应用需要设计资源。Android Assets Studio是最佳工具之一。...Cards:一个非常漂亮简介UI组件,可以应用看起来和Google Home一样。你可以在屏幕上添加一个或者层叠若干个卡片。 3. 函数库 应用不仅仅是UI,还包括了很多颜色和图片资源。...也许你会有一个为100个客户定制应用,不同包名、颜色、名称、各种资源和产品风格…..我刚才提到了构建版本吗?一个开发版、不同阶段测试版、生产测试版、客户Beta版…..(软件版本命名)等等。

    1.1K70

    Flutter 全栈式——基础控件

    在Flutter中,UI小控件两种设计风格,一种是Material设计,这是官方设计风格,另一种则是Cupertino风格,是iOS官方设计风格。...double 设置Image控件自身宽高 fit BoxFit 图片填充模式 color Color 图片颜色 colorBlendMode BlendMode 对图片进行混合颜色处理,多种值可选...groupValue 动态类型 该组单选按钮当前选定值 onChanged ValueChanged 状态变化回调 activeColor Color 选中时颜色 materialTapTargetSize...onChanged ValueChanged 开关状态变化回调 activeColor Color 打开状态颜色 activeTrackColor Color 打开状态时轨道上颜色。...inactiveThumbColor Color 关闭状态按钮颜色 inactiveTrackColor Color 关闭状态轨道颜色 activeThumbImage ImageProvider 打开状态下按钮图片

    3.8K40

    Android MVVM框架使用(十三)UI更新 (App启动白屏优化、适配Android10.0深色模式)

    样式   颜色之后,根据颜色设置样式也会有相应改变,而你要做就是先通过你values下themes.xml去设置好需要颜色,然后再把这个文件themes.xml复制到values-night...将鼠标悬停在这个颜色值上会出现一个弹窗,告诉你这个页面在默认和深色模式下背景颜色色值,通过这个你就知道你改动有没有效果。...BottomNavigationView   在AppHomeActivity中是通过BottomNavigationView去进行底部导航,那么它item一个选中效果,还有未选中效果,同时还需要适配深色模式...FloatingActionButton 浮动按钮改动一点特殊,如果你样式主题中是NoActionBar,那么你直接通过tint去改变图标颜色是不行,而是通过页面的样式colorOnSecondary...属性去设置图标颜色,这里在深色模式下改成白

    1.1K10

    关于app提示专为旧版Android打造有关测试

    正文 说是做个app,但是我又完全不懂,这可怎么办呢。...正好想到之前大名鼎鼎Funsion App,可以快捷将网站做成app,于是就下载来试了一下,调了半个小时就做好了(也就改改图标之类,也没什么技术含量,就不献丑了),说起来这应用确实简单,没有一点编程基础都能用...得想办法解决一下。 一般这种情况,要么是用了低版本专用参数,要么就是应用SDK版本配置过低,上网查了一下,原因大致是因为从Android9开始,操作系统对minSdk进行了限制。...懂编程或者正在学同学可以分析一下,反正我是看不懂(菜)。。。...app作品了,不过要是看得上小伙伴们还是想你们更方便踩踩我站啦,哈哈!

    4.2K20

    微信黑暗模式终于来啦!UI设计细节完全分析及体验

    首先,你必须更新到iOS端微信7.0.12版本。然后,在白天,只有你手工开启了“设置”>“显示与亮度” 菜单下深色模式,它才有效果。至于用户,截止3月22日文章发布时间,官网依然没有更新。...小伙伴就再等等吧。开启后效果如下: ?...图标颜色分析对比 在聊天列表,通讯录列表页面,系统图标在两种模式下颜色均保持一致,未做改变。 但在发现页面中,列表左侧icon颜色则有略微变化。...是不是这位设计师某种洁癖?或者是纯粹弄错了? ? 关于聊天时使用透明动图,其实仔细看还是不少毛边,之前我们也做过相关分析文章。因为这种情况单纯使用256色GIF效果已经非常差了。...· 黑暗模式下层级设计与亮色模式不同,阴影在黑暗模式下没有太多作用。

    1.5K20

    仿bilibili刷新按钮实现

    2、绘制 这里,我们要绘制部分3个,分别是上面提到圆角矩形、文字、旋转图标。那么这里就为这3部分分别声明了一些属性。...但你有没有发现,此时 线粗为0(borderWidth=0),矩形线怎么还有?...在中,文字绘制跟其它绘制是不同,例如,圆角矩形和旋转图标的绘制起点是左上角,而文字则是按文字左下字为起点,也就是按基线(Baseline)来绘制,故需要得到基线起点坐标。 ?...这里一点需要留意: ta.getDimension(属性id, 默认值) 通过TypedArray对象可以从外界到值会根据单位(如:dp、sp)不同自动转换成px,但默认值单位是一定,为px...,所以为了符合规范,不要直接使用px,所以需要手动做个转换。

    1.5K80

    AutoJs6 – v6.2.0 – JavaScript 自动化工具 (Auto.js 二次开发)

    issue #29 修复 高版本系统点击快速设置面板中相关图标后面板可能无法自动收起问题 (试修) issue #7 修复 高版本系统可能出现部分页面与通知栏区域重叠问题 修复 10...修复 图标选择页面的图标元素排版异常 修复 文本编辑器启动时可能因夜间模式设置导致闪屏问题 (试修) 修复 文本编辑器设置字体大小时可用最大值受限问题 修复 部分系统脚本运行结束时日志中无法统计运行时长问题...修复 使用悬浮窗菜单关闭悬浮窗后重启应用时悬浮窗依然开启问题 修复 布局层次分析时长按列表项可能导致弹出菜单溢出下方屏幕问题 修复 7.x 系统在夜间模式关闭时导航栏按钮难以辨识问题...异常消息增加多语言支持 优化 主页抽屉权限开关仅在开启时弹出提示消息 优化 主页抽屉布局紧贴于状态栏下方避免顶部颜色低兼容性 优化 检查更新 / 下载更新 / 更新提示功能兼容 7.x...优化 应用图标增加数字标识以提升多个开源版本共存用户使用体验 优化 主题色增加更多 Material Design Color (材料设计颜色) 选项 优化 文件管理器 / 任务面板等列表项图标适当轻量化并适配主题色

    4.6K20
    领券