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

如何在安卓系统中使用BottomNavigationView中的字体精美图标

在安卓系统中使用BottomNavigationView中的字体精美图标,可以通过以下步骤实现:

  1. 首先,需要在项目的build.gradle文件中添加implementation 'com.google.android.material:material:1.4.0'依赖。
  2. 在布局文件中,添加一个BottomNavigationView控件:
代码语言:txt
复制
<com.google.android.material.bottomnavigation.BottomNavigationView
    android:id="@+id/bottomNavigationView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    app:itemIconTint="@color/bottom_nav_icon_color"
    app:itemTextColor="@color/bottom_nav_text_color"
    app:menu="@menu/bottom_nav_menu" />
  1. 创建一个菜单资源文件bottom_nav_menu.xml,定义底部导航菜单项及其对应的图标和标题:
代码语言:txt
复制
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/menu_item1"
        android:icon="@drawable/ic_item1"
        android:title="Item 1" />
    <item
        android:id="@+id/menu_item2"
        android:icon="@drawable/ic_item2"
        android:title="Item 2" />
    <item
        android:id="@+id/menu_item3"
        android:icon="@drawable/ic_item3"
        android:title="Item 3" />
</menu>
  1. 创建一个Selector资源文件,定义选中和未选中状态下的图标和文本颜色,例如bottom_nav_icon_color.xmlbottom_nav_text_color.xml

bottom_nav_icon_color.xml

代码语言:txt
复制
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/colorAccent" android:state_checked="true" />
    <item android:color="@color/colorGray" />
</selector>

bottom_nav_text_color.xml

代码语言:txt
复制
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/colorAccent" android:state_checked="true" />
    <item android:color="@color/colorGray" />
</selector>
  1. 在Java代码中,为BottomNavigationView设置监听器并处理选中项的逻辑:
代码语言:txt
复制
BottomNavigationView bottomNavigationView = findViewById(R.id.bottomNavigationView);
bottomNavigationView.setOnNavigationItemSelectedListener(item -> {
    switch (item.getItemId()) {
        case R.id.menu_item1:
            // 处理Item 1的逻辑
            return true;
        case R.id.menu_item2:
            // 处理Item 2的逻辑
            return true;
        case R.id.menu_item3:
            // 处理Item 3的逻辑
            return true;
    }
    return false;
});

通过以上步骤,就可以在安卓系统中使用BottomNavigationView中的字体精美图标实现底部导航功能。注意,其中@drawable/ic_item1@drawable/ic_item2@drawable/ic_item3代表相应的图标资源,你可以使用自定义的图标或者系统自带的图标。

此外,腾讯云并没有直接相关的产品或产品介绍链接地址与使用BottomNavigationView中的字体精美图标相关。

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

相关·内容

Android--SVG在系统应用

SVG,即Scalable Vector Graphics 可伸缩矢量图形,这种图像格式在前端已经使用非常广泛了 SVG图片相对于一般图片(png、jpg等),拥有占用体积小,支持等比例缩放不失真...SVG实现(并不是支持全部SVG语法,现已支持完全足够用了) Vector图像刚发布时候,是只支持Android 5.0+,自从AppCompat 23.2之后,Vector可以使用于Android...2.1以上所有系统,只需要引用com.android.support:appcompat-v7:23.2.0以上版本就可以了。...Vector 语法简介 通过使用Path标签,几乎可以实现SVG其它所有标签,虽然可能会复杂一点,但这些东西都是可以通过工具来完成,所以,不用担心写起来会很复杂。...代替原来android:src,代码里面使用无区别 2.2 Button 不支持app:srcCompat,支持Xml 中使用在Buttonselector 2.3 RadioButton 直接使用

2.8K20

UNITY与⭐二、AndroidStudio关于通讯使用教学

2️⃣ 导入要查看jar包 将jar包拖到app-libs下,点击Refactor。 3️⃣ 添加jar包到库中去 此时jar包还不能查看,需将jar包添加到库中去进行编译,才可进行查看。...4️⃣ 查看jar包 双击jar包脚本即可。 AndroidStudio查看 arr 包内容 1️⃣ 将你arr包拷到libs下 方法跟查看jar包相同。...若你不习惯这样查看arr包jar包,可将jar包解压出来,按照 一 方法查看。...arr和jar区别 jar: 只包含了class文件与清单文件 ,不包含资源文件,如图片等所有res文件。...我们只用这个项目的查看日志功能,因此无需做其他操作 2、查看APK日志 按如下图片所示操作,查看APK运行Log。

2800

一个木函-系统百宝箱

image.png 这是一款为了让我们卸载掉许多在手机上不怎么常用(比如京东,翻译)却必须要或总是要安装APP而诞生一款APP。...image.png 【独一无二,极速强大】 它拥有着平台唯一,且自定义项极多”真正意义上”网页APP制作功能,可让我们使用上一些毒瘤APP网页APP并卸载掉官方毒瘤版,以及还有许多其它用途...,制作个人博客网页版APP等,且编译之快宛若疾风扫秋叶。...image.png 【化繁为简,想我所想】 开启应用后第一页便是收藏,只看我们想看到东西,摒除多余元素。且将搜索至于顶栏,提高浏览效率。给我们一个虽星罗棋布却窗明几净APP。...【小巧玲珑,清新舒适】 优美简练却又感到精致界面与交互,就像是Material与小清新碰撞出火花,让你爱不释手。

1.7K20

90亿美元Java纠纷案反转:复制代码属于合理使用

这就是为什么全球和美国监管机构正在审查谷歌商业行为。” 十年纠缠,数次反转 谷歌和甲骨文这起版权纠纷官司已经打了十多年,起因是甲骨文诉讼谷歌系统 Java 源代码侵权。...而谷歌方面拒绝支付这笔赔偿金,并表示对相关代码使用属于合理使用范畴,无需承担版权责任。...最高法院在裁决称,该院明确选择不对本案中最广泛法律问题做出裁决,即 API 代码到底有无资格获得版权保护。...“我们结论是:在本案,谷歌重新实现了一个用户界面,且只取所需,以允许用户将积累才能用在一个新、变革性程序,谷歌对 Sun Java API 复制在法律上是对该材料一次合理使用。”...windows 系统;苹果通过重新实现 Unix API,创造了桌面端 OS X 操作系统和 iOS 系统

48620

开发过程RatingBar、Handler以及GPS在大型项目中使用【Android】

关键是在加载页面时使用onload()加载相应js脚本。js脚本定义一个函数是取出传递对象,获取其中数据,并通过for循环以单位行形式打印出来! 有图片和事实。...Handler 当我们子线程想要修改活动UI组件时,我们可以创建一个新Handler对象,并通过该对象向主线程发送信息;我们发送信息将进入主线程MessageQueue等待,Looper将按照先入先出顺序将其取出...当系统创建UI线程时,它将初始化Looper对象并创建与其关联MessageQueue; 处理程序:用于发送和处理信息。...系统通常有四种定位方法:GPS定位、WIFI对准、基站定位、AGPS定位(基站+GPS); 本系列教程仅解释GPS定位基本用法!GPS用于通过与卫星交互获得设备的当前经度和纬度。...最大缺点是几乎不可能在室内使用。您需要接收4颗卫星或更多信号,以确保GPS准确定位!但如果你在户外,没有网络,GPS仍然可以使用

1.7K10

移动体验设计6大禁

下面的例子是和ios平台中相同内容显示差异: ? UI元素(上)和iosUI元素(下) 相比于Material design,ios应用通常外观扁平,不使用厚度和阴影。...iOS版也有一个纯文本样式按钮,但它与全大写字母不同,并且字体更纤细。 ?...Material design(左)vs. ios(右),图片来源:tutsplus 字体也需要遵循每个平台标准:使用Roboto字体,iOS使用San Francisco字体系列。...根据不同字体便可以判断你所使用应用还是ios应用 如果你想自定义应用界面元素,请仔细根据你品牌来设计,而不是把另一个不同平台规范作为依据。...你也应该注意到每个平台自身独特风格:系统图标通常使用较粗笔触,而iOS乐于使用笔画较细线形图标。以下是几个图标的对比图: ?

2.2K130

Android菜单定义及ActionBar实现

字体大小”子菜单 SubMenu fontMenu = menu.addSubMenu("字体大小"); // 设置菜单图标 fontMenu.setIcon(R.mipmap.ic_launcher...第三个参数是order,用来控制每个item顺序。如果不关心顺序,可以传入NONE或者0。对应int类型数值越小,则菜单项顺序则越靠上。order=1菜单项比order=2要靠上。...下面介绍如何在XML定义选项菜单: 要在XML文件定义菜单,首先需要在资源文件创建一个名为menu文件夹; 然后再在其中创建xml文件: ?...如上图所示带有标题和两个按钮叫做ActionBar。是从3.0开始被介绍使用系统默认使用ActionBar作为工具栏。ActionBaritem可以显示为两种——按钮和溢出菜单。...也就是说,菜单已经不再是单纯菜单。可以说其是ActionBar一部分。也可以说,其中的菜单项,可以在ActionBar作为按钮显示出来(通过设置showAsAction值来实现)。

1.2K20

高质量又免费图标资源都在这

图标的尺寸 在移动端 iOS 规范 2 倍图下最适合人点击区域大小为 48*48px, iOS 功能图标尺寸为 48 加或减 4 倍数; Android 功能图标尺寸为 48 加或减 8 倍数...为什么 Android 是 8 倍数?开发中最小单位是1dp(1dp=2px)同时也要满足 2 倍图适配 1 倍图和 3 倍图时都是整数, 所以要是 8 倍数。...在很多带有色块图标,不仅要保证色块大小统一,也要保证色块里面的功能图标图形大小统一。 2....图标栅格 以 2 倍图 44*44px 为例,常见方形、圆形、水平矩形、竖直矩形图标为保证视觉大小一致,通常实际设计尺寸并不一样,可通过图标栅格关键线来进行规范,这里推荐一篇聊一聊iOS系统图标栅格&带你绘制系统图标...图标的形状构成 所有的图标都建议使用基础图形进行组合,运用布尔运算绘制,以保持图标整体合理性,尽量不要使用钢笔工具勾勒(除非是细节点),钢笔绘制随心所欲不严谨,美感大打折扣。 ? 4.

1.4K20

Android 1.5到10.0 都有哪些新特性?

夜间模式 7.0重新加入了夜间深色主题模式,该功能依然需要在系统调谐器开启,从顶部下划打开快捷设置页,然后长按其中设置图标,齿轮旋转10秒钟左右即可提示已开启系统调谐器,之后用户在设置即可找到...改进Doze休眠机制 谷歌在7.0对Doze休眠机制做了进一步优化,在此前6.0,Doze深度休眠机制对于改善续航提供了巨大作用。...4.图标形状 新系统开发者可以使用不同应用图标,比如圆角矩形或者圆形图标,不过所有的图标需要保证是同一个形状,不能有一个方一个圆这样“个性”样式出现。...此外长按某个应用图标现在可以显示一些信息,与iOS上3D Touch类似,这项功能在7.0上已经有所体现 10.SmartTextSelection 系统将会预测用户将使用某些电话或者其他选项出现在将会用到应用...14.字体优化 AndroidO中谷歌还增加了对系统字体更多支持,开发者可以自行更改字体样式,让用户有了更多字体选择 。

2.1K20

一看就会iconfont字体图标使用方法--超简单!

我之前因为项目用bootstrap比较多,所以使用font awesome字体图标比较多,后来接触到了iconfont,发现想要什么图标都有,还可以自定义图标,非常强大!...往项目里添加我们要想使用图标,找到图标库,搜索一个想要图标,然后添加到购物车;  我现在将第一个图标加入我项目,点击加入购物车 step 4: 添加到购物车完成后,购物车徽章数字应该显示...1了,点击右上角购物车图标,选择添加至项目,选择我们刚刚创建项目,确定; 自动跳转到对应项目里了,如图: step 5: 接下来一部比较关键,将打包好字体文件下载到本地添加到你项目中,在项目中引用文件...,如何在项目中使用字体图标呢,其实很简单,创建一个i标签或者span标签,添加两个类名,一个固定是iconfont,另一个是你想要那个图标对应类名: 具体代码如下: 好了,刷新页面,图标是不是出来了呢...那就从头再看一遍; 调节字体图标的大小是通过元素font-size属性来控制; 也可以直接引用我 https://blog.wenwuhulian.com/zb_users/theme/cardslee

1.9K20

60个设计师必备APP(下)

开发商:TouchAware Ltd 价格:8.54美元/£5.99 是能够帮您优化设计和排版像素多功能应用程序。创建用于打印、平板电脑和其他屏幕精美的页面。...针对移动用户使用习惯、通过各种基础功能和自定义字体等实现更精美的效果,还能直接分享哦,独特字体和图案、让一切看起来更出彩、可以各种随意编辑(移动、大小、旋转、色调),还可以分享哦~~ 53、fontli...之前呢,只有ios版,如今应广大用户需求终于有了,还加了一个全新功能:收藏;现在您可以添加您照片,收集喜欢文字或标识,去分享他们。...开发商:appricot LLC 价格:免费 ikonica也是只有苹果版,是针对设计师、开发商一个非常有用工具,让你轻松上升到设计图标的较高水平,在各种不同背景和环境测试你图标。...开发商:sparknet互动 售价:0.99美元 苹果公司相机使用全球定位系统来添加您位置、视频、照片等等。Redacticam可以拍照,但不能使用GPS数据连接,因为没有这个功能。

91030

AndroidO(8.0) 和 Android P(9.0)

这种限制在一定程度上延长了机在“睡眠”(Doze)模式下电池续航能力,它让不在使用App进入睡眠状态,使用时再唤醒。...3.PinnedShortcuts 创造出了PinnedShortcuts功能,类似苹果3DTouch,长按一个软件后可以弹出子菜单,然后就可以通过这个方式快捷使用该应用部分功能。...4.图标形状 新系统开发者可以使用不同应用图标,比如圆角矩形或者圆形图标,不过所有的图标需要保证是同一个形状,不能有一个方一个圆这样“个性”样式出现。...此外长按某个应用图标现在可以显示一些信息,与iOS上3D Touch类似,这项功能在7.0上已经有所体现 10.SmartTextSelection 系统将会预测用户将使用某些电话或者其他选项出现在将会用到应用...14.字体优化 AndroidO中谷歌还增加了对系统字体更多支持,开发者可以自行更改字体样式,让用户有了更多字体选择 。

92530

React-Native配置自定义字体文件

React-Native设置自定义字体文件 今天主要说说如何通过字体文件加载应用一些图标 首先推荐一个网站iconfont-阿里巴巴矢量图标库,这里有海量图标,可以下载你想要各种矢量图标,你也可以在注册并登陆账号后...,把自己想要图标打包、下载为文件 A.关于组件 通过fontFamily可以指定显示字体文件,下文将详细说明 B.代码 C.效果图 用字体文件加载图标 现下面说重点 A....文件 1、iOS 把fonts文件夹拖到iOS工程目录下 另外还需要在info.plist文件key为 Fonts provided by applicationArray添加item fonts.../iconfont.ttf,到此为止,已经可以在RN项目中使用对应fontFamily:iconfont字体图标了 2、 之所以在工程目录下创建assets/fonts这样路径,就是为了iOS...拷贝一份(可以通过编写脚本自动执行)到Android/app/src/main目录下 3、使用 效果就是文章开篇效果图了 4、弊端 图标对应unicode码(:``

1.2K20

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

issue #29 修复 高版本系统点击快速设置面板相关图标后面板可能无法自动收起问题 (试修) issue #7 修复 高版本系统可能出现部分页面与通知栏区域重叠问题 修复 10...修复 图标选择页面的图标元素排版异常 修复 文本编辑器启动时可能因夜间模式设置导致闪屏问题 (试修) 修复 文本编辑器设置字体大小时可用最大值受限问题 修复 部分系统脚本运行结束时日志无法统计运行时长问题...修复 使用悬浮窗菜单关闭悬浮窗后重启应用时悬浮窗依然开启问题 修复 布局层次分析时长按列表项可能导致弹出菜单溢出下方屏幕问题 修复 7.x 系统在夜间模式关闭时导航栏按钮难以辨识问题...系统 优化 重新设计设置页面 (迁移至 AndroidX) 优化 设置页面支持长按设置选项获取详细信息 优化 夜间模式增加 “ 跟随系统 ” 设置选项 ( 9 及以上) 优化 应用启动画面适配夜间模式...优化 应用图标增加数字标识以提升多个开源版本共存用户使用体验 优化 主题色增加更多 Material Design Color (材料设计颜色) 选项 优化 文件管理器 / 任务面板等列表项图标适当轻量化并适配主题色

4.4K20

Google IO大会:Android 13

具体到系统体验层,13将支持图标颜色随主题更换、为不同应用设定使用语言、新媒体中心界面等等,同时谷歌也推出了自家钱包应用(Google Wallet)。...谷歌地图、消息应用、音乐等等多有了全新设计,更加适合平板使用。而对于第三方应用,谷歌也表示,它们会更加精美易用。...谷歌公布了全新平板,并承诺为谷歌服务推出20多个平板电脑应用. 这款平板电脑采用宽屏设计,背面拥有四个pogo-pin连接器。...在演示,该设备会在屏幕上显示翻译后文本,外观像是一副标准粗框眼镜。。...这更多地是为开发者们指明了未来方向,因为目前系统在大屏端体验距离隔壁iPad OS仍有非常大差距,当苹果已经开始联合厂商针对iPad推出专业应用时候,谷歌还在优化最常见视频应用。

53530

2018年最优秀9个Android Material Design Apps!

那么,从日常生活,与人们关系最密切手机应用角度来讲,2018年有哪些优秀材料设计主题手机应用呢? 1. Airbnb ?...在今年谷歌所推出新版Gmail,展示了全新材料主题设计外观,全新材料设计配色方案,更多空白区域和精致图标。设计风格变化,使其呈现出更加现代化风格。...作为2017年谷歌材料设计奖得主之一,momondo应用程序很好展示了如何在手机应用程序中体现材料设计基本原理。并且,跟随谷歌材料设计这个主题,也在不断激发新手机应用设计方向。...下载量:20,844 产品特色: 悬浮按钮设计 重复交互设计 Asana设计在维护其品牌视觉形象同时,也并没有因为其设计而分散产品核心功能。...随着谷歌材料设计理念更新,各大开发商在应用设计方面也紧跟潮流,从设计,配色以及交互各方面都在不断更新和完善。希望这9 大优秀材料设计应用程序能给你产品带来新启发。

1.8K40

【Androi】发展历程详解

改进相机界面:提高了相机启动速度和使用体验,使拍摄和浏览照片更加流畅。 增强搜索功能:1.6改进了系统和应用搜索功能,让用户可以更容易地找到所需应用、联系人和内容。...在这一系列版本不仅奠定了其在智能手机操作系统基础地位,还通过不断引入新功能和改进来吸引更多用户和开发者。...2.x系列是操作系统发展过程一个重要阶段,这个系列版本不仅显著提升了系统性能和功能,还极大地推动了在全球智能手机市场普及和影响力。...改进多任务处理:Honeycomb增强了多任务处理能力,用户可以通过系统任务切换器轻松在最近使用应用之间切换,这一功能显著提升了平板电脑生产力和使用便利性。...更多视觉定制选项:提供更广泛UI和图标自定义功能。 增强隐私和安全功能:进一步细化了权限控制和数据保护。 对新硬件支持:优化了对最新设备和技术(折叠屏和5G)支持。

82010

Android 8.0 “奥利奥”正式发布

Android 8.0正式发布 Google 如约在今日正式发布了Android O正式版,中文名8.0,代号奥利奥(Oreo); 随我来看看有哪些有意思新东西: 系统自动填充框架 不管是在手机上注册账号...当然,如果不想使用 Google 提供密码保存服务,我们可以在「系统->语言和输入法->输入帮助」自由选择想要使用自动填充服务。 ?...自适应图标 Android 系统上到底改采用异形图标还是规则图标?在这个问题上,不同 OEM 厂商和用户都有自己选择偏好。...APP图标角标:8.0原生支持了应用角标功能,不过并非数字,而是随着图标颜色自适应纯色圆形图案。...8.0 开始完全支持自定义字体,应用可以从字体提供服务方下载使用字体,或在 XML 定义字形族群 (font families)——声明字体风格、粗细与字体文件。

1.4K40

热门电商频频被山寨,怎样辨别真伪?

正版App字体看上去较为饱满,但山寨App字体却显得比较单薄,颜色也较浅。...记者试图在一款第三方手机软件平台搜寻淘宝App,输入“淘宝”进行关键词搜索后得到十余个结果,其中包括“手机淘宝”“淘宝精选”“淘宝特卖”“淘宝购物”等,图标几乎都是橙色底色配上白色“淘”字样。...记者还注意到,一些山寨购物App通过更换图标底色、更改正版App字体等方式偷梁换柱。除了颜色或字体等细微差别,部分仿冒购物App和电商平台官方发布App几乎没有差异。...我曾经写了一款适用于系统手机App,几天就被抄袭了,甚至连图标都一模一样,就是把配色给换了。...对于这些盗版App,第三方软件下载平台很难管理,尤其是系统软件,本来就是一个开放平台,大家只要有技术就可以入驻。”

4.4K40
领券