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

BottomNavigationView使用,配合ViewPager、修改图标大小、去掉文字等

目录 1、布局 2、常用属性 3、设置监听 4、默认选中 5、配合ViewPager 6、添加角标 7、修改图标大小 8、去除波纹效果 9、Github MaterialDesign中的一个底部导航栏...app:itemIconTint 图标颜色 app:itemTextColor 文字颜色 app:menu 导航菜单 app:labelVisibilityMode 文字显示状态,等于labeled的时候...的item也选中,BottomNavigationView的item选中的时候让ViewPager切换page 6、添加角标 查看:BottomNavigationView添加角标(BadgeView)...7、修改图标大小 源码开放方法: /** * Set the size to provide for the menu item icons...app:itemBackground="@null" 我目前简单粗暴的方案,设置波纹颜色和背景颜色一致,达到看不出的效果。。

1.3K60
您找到你想要的搜索结果了吗?
是的
没有找到

【涨姿势】你没用过的BadgeDrawable

,能实现不就行了吗,是的,代码优不优雅、骚不骚的不重要,代码和人只要有一个能跑就行… 不过,今天来介绍一种不同的方式来实现小红点效果,或许会让你眼前一亮~ 2.效果 3.简介 用途:给View添加动态显示信息...} }) } 关于ShapeableImageView的使用及解析可查看:Android ShapeableImageView使用详解,告别shape、三方库 4.5.BottomNavigationView...xml: <com.google.android.material.bottomnavigation.BottomNavigationView android:id="@+id...ContextCompat.getColor(this@BadgeDrawableActivity, R.color.white) number = 9999 } } TabLayout和BottomNavigationView...5.常用API整理 API 描述 backgroundColor 背景色 badgeTextColor 文本颜色 alpha 透明度 number 显示的提示数字 maxCharacterCount 最多显示字符数量

98540

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

颜色 2. 样式 3. 修改背景 4. 菜单适配 5. BottomNavigationView 6. TabLayout 7. FloatingActionButton 8. 深色模式判断 9....一、启动白屏优化   首先我们处理白屏的问题,首先我想的是更改一下启动页的样式,之前是一片白,现在我改成绿色的,绿才有安全感,要想代码过得去,样式就得带点绿,手动滑稽。...这里的改动其实不在nav_menu.xml中 而在NavigationView中,如下图所示: 通过itemIconTint改图标颜色,通过itemTextColor改文字颜色即可。 5....BottomNavigationView   在App的HomeActivity中是通过BottomNavigationView去进行底部导航的,那么它的item有一个选中的效果,还有未选中的效果,同时还需要适配深色模式...属性去设置的图标颜色,这里在深色模式下改成白的。

1K10

Android学习(简单使用Bottom Navigation Activity来实现底部导航栏)

自定义底部导航 现在的底部导航只有三个选项,而且图标文字都是固定我。那么我们想增加导航或者改变图标文字应该怎么办呢?...首先我们打开activity_main.xml文件,发现有这样一段代码 <android.support.design.widget.BottomNavigationView android:id...test" android:title="test" android:icon="@drawable/compass"/> title属性是点击后下面出现的文字,icon属性是图标这是下载地址...我们再看已经出现了第四个图标(最多5个)。那么如何更改点击后的页面呢? 自定义切换页面(Fragment) 这里我们使用framgment来切换页面。...定制导航栏 对于导航栏的定制和之前大体相同,如果我们要新添一个自己的导航页可以这样操作:menu文件夹下的bottom_nav_menu.xml对应底部的导航图标,添加自己的item。

2.1K10

再不迁移到Material Design Components 就out啦

首先要将build.gradle 依赖中 com.android.support:design:28.0.0 修改成 com.google.android.material:material:1.0.0 更改主题...但是,升级后,您可能会注意到某些控件颜色和其他属性的某些意外更改。 ? 在上面的示例中,按钮发生了变化、文本和图标颜色发生了变化。FAB 现在变成了蓝绿色,并且文本字段看起来完全不同。不用担心。...Widget.Design.BottomNavigationView Widget.MaterialComponents.BottomNavigationView bottomNavigationStyle...MDC窗口小部件使用这些属性来为其背景,文本,图标等着色。要了解哪些小部件使用哪种颜色,需要检查源代码中的默认小部件样式。 AppCompat和框架中还存在一些颜色,但不再适用于此新系统。...,我们还应该使用新的“ on”颜色属性 <!

3.1K30

自定义View:手撸一个带FAB凹槽的底部导航栏

设计思路 既然玩那就干脆玩花一点,一步到位给中间按钮加了个简单的点击动画,点击后FAB在垂直方向上执行一次往返位移,同时底部导航栏上的凹槽大小跟随着FAB的凹陷深度动态变化,需要实现的功能点以及思路大体是下面的几个...的特性,设置底部导航栏作为FAB的参照物方便对齐停靠; FAB位移动画以及导航栏凹陷动态变化:自定义导航栏的形状,根据FAB的凹陷深度来动态绘制导航栏。...Activity后界面默认是这样子的效果: 接下来就是根据需求在小细节上修修补补了,由于只需要显示两个导航item,另外需要在导航栏的中间给大按钮预留个空位,于是在导航栏的menu文件中将中间item的图标和文字都去掉...对于这样的效果我决定老老实实选择自定义BottomNavigationView,为所欲为哈哈哈!...唉慢着,这凹槽的深度不是还得跟随按钮的位置动态变化吗,那这些坐标又当如何变动??老铁别急,下面继续来分析。

12110

浅谈Android Studio3.6 更新功能

现在,在XML或设计工具的颜色选择器中,Android Studio会在您的应用程序中填充颜色资源,以便您快速选择和替换颜色资源值。 ?...要启用拆分视图,请单击编辑器窗口右上角的“拆分”图标。 ? 资源管理器更新 资源管理器现在支持大多数资源类型,并包括改进的过滤器和搜索选项。...Native 工具 以下更新支持Android Studio中的Native(C / C ++)开发 扩展的Kotlin支持,包括改进的错误检查和Kotlin JNI声明与其C / C ++实现之间的导航...Android Studio会检测APK中的更改,并为您提供重新导入APK的选项。...附加仅Kotlin的外部APK源 现在,当您分析和调试预建的APK时,可以附加仅Kotlin的外部APK源。

1.3K30

一个Android沉浸式状态栏上的黑科技

如果背景图片的颜色和状态栏图标颜色非常接近的话,那么的确会造成状态栏图标看不清楚的情况。 这里我举了一些沉浸式效果做得不太好的案例,具体是什么App我就不提了。...Android系统其实给了我们API来控制状态栏图标颜色,但是只能设置成黑、白这两种颜色,而不可以将状态栏图标改成五颜六色的样子。...这里我准备了几张不同的背景图,由Palette解析之后,会根据识别出的颜色动态更改状态栏图标颜色。 这是深色背景图的效果。 这是浅色背景图的效果。...目前这种使用Palette来动态进行颜色识别的方案,我感觉至少是可以保证99%以上的场景都能够正确适配的,但是也存在一些特别极端的场景。...如果想要学习Kotlin和最新的Android知识,可以参考我的新书 《第一行代码 第3版》,点击此处查看详情。

1.4K10

Base封装(一)--我的最简MVP架构

73471270 绪论 最近懒癌症犯了,好久都没写博客了,当然也在做一些东西,也在整理自己一直以来使用的一些技术点,从Retrofit到OkGO,从ListView到RecycleView,从Java到Kotlin...而MVP中view通过presenter访问model,大大的减小了耦合性,业务逻辑都交给P处理,通过P访问V层更改UI。MVP模式可以分离显示层与逻辑层,它们之间通过接口进行通信,降低耦合。...android.os.Bundle; import android.support.annotation.NonNull; import android.support.design.widget.BottomNavigationView...mOnNavigationItemSelectedListener = new BottomNavigationView.OnNavigationItemSelectedListener...navigation = (BottomNavigationView) findViewById(R.id.navigation); navigation.setOnNavigationItemSelectedListener

57710

Base封装之我的最简MVP架构

绪论 最近懒癌症犯了,好久都没写博客了,当然也在做一些东西,也在整理自己一直以来使用的一些技术点,从Retrofit到OkGO,从ListView到RecycleView,从Java到Kotlin….总之一直在尝试新的技术...而MVP中view通过presenter访问model,大大的减小了耦合性,业务逻辑都交给P处理,通过P访问V层更改UI。MVP模式可以分离显示层与逻辑层,它们之间通过接口进行通信,降低耦合。...android.os.Bundle; import android.support.annotation.NonNull; import android.support.design.widget.BottomNavigationView...mOnNavigationItemSelectedListener = new BottomNavigationView.OnNavigationItemSelectedListener() {...navigation = (BottomNavigationView) findViewById(R.id.navigation); navigation.setOnNavigationItemSelectedListener

1.4K90

ASM字节码插桩

ASM的设计和实现是尽可能的小和尽可能快,所以它非常适合在动态系统中使用(但当然也可以以静态方式使用,例如在编译器中使用)。 更多关于框架ASM的远离和具体使用在这里就不赘述了。 如何使用?...com.cage.plugin' dependencies{ implementation project(':cgtrack\_support') } 初始化: //Application中初始化 //kotlin...83837455b790498249681f5e56025a42.png] 后续维护与迭代升级 ========= 目前已经覆盖了View,Dialog,CompoundButton,AdapterView,BottomNavigationView..."com/cage/cgtrack/TrackUtils" //普通设置点击事件 if(mInterfaces.contains('android/support/design/widget/BottomNavigationView...', '(Landroid/view/ MenuItem;)Z', 'Landroid/support/design/widget/BottomNavigationView

95950

Android Studio 4.0 稳定版发布了

这意味着,当应用程序请求下载动态功能模块时,该应用程序还会下载其依赖的其他功能模块,在之后创建动态功能模块,你可以在模块声明一个功能上特征依赖 build.gradle 文件,例如 :video 模块声明对...用户可以通过单击探查器中的选项图标 ? image 在窗口右上角的选项图标图标或通过拖放组中的单个项目来上下移动组以重新组织列表 。...image 现在事件采用了独特的颜色,以便于区分。 线程按它们中的跟踪事件数进行排序,以便 “busier” 的线程在列表中排名更高。 可以选择一个或多个线程以仅在那些选定的线程的右列中查看分析。...除了现有布局检查器的许多相同功能外,实时布局检查器还包括: Dynamic layout hierarchy(动态布局层次结构):随着设备视图的更改而更新。 ?...image 六、Kotlin Android实时模板 Android Studio 现在包括适用于 Kotlin 类的Android 实时模板。

4.6K20
领券