ViewPager2&TabLayout：拓展出一个文本选中放大效果

最新推荐文章于 2023-11-14 20:37:45 发布
最新推荐文章于 2023-11-14 20:37:45 发布
阅读量1.2k 收藏 2
点赞数 3
分类专栏： Android进阶之路 文章标签： android 移动开发 安卓
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55362248/article/details/120423421
版权
本文介绍了如何在ViewPager2和TabLayout中实现文本选中时的放大效果。通过自定义包装和利用属性，可以在不侵入原有结构的情况下轻松实现此功能。在实现过程中，作者解决了TabLayout在字体大小变化时可能出现的闪烁和重绘问题，并提供了核心API的使用方法。源码可按需获取。
摘要由CSDN通过智能技术生成

ViewPager2正式推出已经一年多了，虽然不如3那样新潮，但是也不如老前辈ViewPager那样有众多开源库拥簇，比如它的灵魂伴侣TabLayout明显后援不足，好在TabLayout自身够硬！

ViewPager2灵魂伴侣是官方提供的：

com.google.android.material.tabs.TabLayout

TabLayout 利用其良好的设计，使得自定义非常容易。

像匹配ViewPager的优秀开源库FlycoTabLayout的效果，使用TabLayout都能比较容易的实现：

FlycoTabLayout 演示

image.png

实现上图中的几个常用效果TabLayout 仅需在xml重配置即可

不过稍微不同的是，上图中第二第三栏选中后的字体是有放大效果的。

这是利用TabLayout.Tab的customView属性达到的。下文便是实现的思路与过程记录。

正文

思路拆解：

  • 介于此功能耦合点仅仅是TabLayoutMediator，选择使用拓展包装TabLayoutMediator，轻量且无侵入性，API还便捷
最低0.47元/天 解锁文章
android显示多item多图片的viewpager，选中项居中变大，非选中项模糊变小
03-04
android显示多item多图片的viewpager，选中项居中变大，非选中项模糊变小
Android-通过自定义ViewPager画廊式中间放大效果
03-24
画廊式中间放大效果
Android TabLayou+ViewPage 加载Fragment 点击标题文字变大
qq_45245037的博客
05-13 757
Android TabLayou+ViewPage 加载Fragment 点击标题文字变大
Android Tablayout + viewpager 切换时修改tablayout title（标题）的字体颜色和字体大小
htyxz8802的专栏
12-26 7294
Android Tablayout + viewpager 切换时修改tableayout的title（标题）的字体颜色和字体大小
简单的tabLayout 使用,带有文字放大效果和分割线
02-26
简单的tabLayout 使用,带有 文字 放大效果 和 分割线 , 滑动切换 和点击切换
第三方框架集合
夏蝉冬雪
06-01 5070
1.仿QQ说说发图片选择框架https://github.com/yaozs/ImageShowPicker 2.炫酷开屏动画框架https://github.com/JoshuaRogue/FancyView 3.防京东，支付宝密码键盘和密码输入框https://github.com/GitPhoenix/Keyboard 4.根据银行卡号 获取 银行卡类型、银行名称和银行编码 自动格式化银行卡号、手机号、身份证号输入的工具类https://github.com/nanchen2251/BankCa
Android开源项目库汇总
opendigg的博客
05-02 5179
最近做了一个Android开源项目库汇总，里面集合了OpenDigg 上的优质的Android开源项目库，方便移动开发人员便捷的找到自己需要的项目工具等，感兴趣的可以到GitHub上给个star。抽屉菜单 MaterialDrawer ★7337 - 安卓抽屉效果实现方案 Side-Menu.Android ★3865 - 创意边侧菜单 FlowingDrawer ★1744 - 向右滑动流动抽
Android-通过自定义ViewPager（中间放大效果）
热门推荐
wujainEW的博客
03-24 1万+
/**稀土掘金，时光不老**/ 大家好，很早就想写博客了，一是工作忙，二是缺乏原创性，三当然是自己的能力不够啦，写这篇博客是很惶恐。。。。请多多包涵 /**************************** --------   ---------                             ------- *********************************
android - TabLayout常用属性、自定义底部指示条、选中字体变大
a506656675的博客
05-27 1375
//TabLayout //noinspection GradleCompatible implementation 'com.android.support:design:28.0.0'
ViewPager实现点击放大到全屏
11-04
ViewPager实现点击放大到全屏
FlycoTabLayout修改支持Tab选中字体变大，支持tab字体重力修改
wcsandlili的博客
03-22 2385
直接先贴github地址：https://github.com/WinWang/FlycoTablayout 由于现在的UI设计喜欢将Tab选中时候的字体放大，原来项目都用的FlycoTabLayout实现的tab，所以自己修改了支持tab选中和支持tab的重力Gravity修改，顺带修复了原来项目中选中tab的加粗效果第一次进来的时候无效的bug 以下是新增的属性 tl_textSe...
ViewPager+FlycoTabLayout联动
Asu_yu的博客
09-19 415
ViewPager+flycoTabLayout联动FlycoTabLayou依赖布局MainActivityViewPager适配器 FlycoTabLayou依赖 implementation ‘com.flyco.tablayout:FlycoTabLayout_Lib:2.0.2@aar’ 布局 <androidx.viewpager.widget.ViewPager ...
Flutter 学习之底部导航栏选中会放大的问题
BennerZhang的博客
04-08 2466
Flutter 学习之底部导航栏选中会放大的问题简介完成修改前的效果完成修改后的效果BottomNavigationBar 的内容修改一下结束语 简介 在学习Flutter的底部导航栏的时候发现一个问题就是底部图标之间切换的时候，当前状态是选中的时候会有一个放大的效果。 完成修改前的效果 完成修改后的效果 BottomNavigationBar 的内容 首先看看BottomNavigation...
FragmentStatePagerAdapter+ViewPager+FlycoTabLayout（第三方）实现
Justinbili的博客
04-28 539
1.我们先导入底部导航栏的依赖 //三方TabLayout implementation 'com.flyco.tablayout:FlycoTabLayout_Lib:2.1.2@aar' //底部菜单 implementation 'com.github.chaychan:BottomBarLayout:2.0.2' 2.实现mainActivity布局 <?xml version="1.0" encoding="utf-8"?> <LinearLayout.
Android 之自定义选中变大TabLayout
qq_35661441的博客
06-29 3390
老规矩，先看效果图（虽然这次的有点糙，没关系，自己复制以下代码跑一边就知道了） 思路 首先要做这种字体变大小的tablayout，改造谷歌提供的tablayout无法满足，别问我为什么知道。 那怎么办，继承viewgroup？将textview塞进去？这个不错，不过摆放就有点麻烦了。 于是我想起了我最熟悉的ConstraintLayout，没错，这样子静态的一下子就能搞出来...
FlycoTabLayout使用
sgy645148995的博客
11-28 390
FlycoTabLayout选中和未选中状态下改变字体大小 FlycoTabLayout 简单分析
android开发：使用FlycoTablayout+ViewPager+RecyclerView打造属于自己的今日头条（一）
一个程序员-二白的博客
10-28 1094
今日我们要写一个demo，仿制今日头条主页效果，后续有时间可能还会在这个demo基础上加一些东西，把自己学到的东西整合起来。废话不多说，看下图，app底部有几个Tab,每个Tab中又分几个页面，然后我们可以左右滑动，超过Tab范围后切入到下一个页面,文章最后献上github地址，我们先来看下效果： 先来说一下整体的设计： 1.Activity中放置一个ViewPager ,ViewP...
FlycoTabLayout : Android TabLayout 库
qq_19688207的博客
08-01 477
tl_indicator_margin_bottom dimension 设置显示器margin,当indicator_width大于0,无效。tl_indicator_margin_right dimension 设置显示器margin,当indicator_width大于0,无效。tl_indicator_margin_top dimension 设置显示器margin,当indicator_width大于0,无效。
【Android】ViewPager2和TabLayout协同使用，实现多Fragment页面切换类似于QQ音乐，bilibili效果
最新发布
摸鱼小小虫的博客
11-14 6721
ViewPager2和TabLayout协同使用，实现多Fragment页面切换类似于QQ音乐，bilibili效果，实现滑动切换界面的效果
DslTabLayoutDemo：Viewpager2与TabLayout的完美结合
DslTabLayout是一个由angcyo开发的适用于Android的自定义TabLayout控件，它基于Viewpager2组件，可以很方便地实现滑动切换标签页的功能。DslTabLayout提供了丰富的API接口，使得开发者能够自定义标签的布局、样式和...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值