Android——自定义TabLayout背景,实现类似浏览器中的选项卡效果,修改字体大小及样式

参考:

去掉水波纹效果:https://blog.csdn.net/zrdx11/article/details/84387913。

富文本设置:https://blog.csdn.net/baidu_36600645/article/details/80538850。

选中字体加粗:https://www.jianshu.com/p/f07e59fa209c。

原型:

Android——自定义TabLayout背景,实现类似浏览器中的选项卡效果,修改字体大小及样式_第1张图片

实现效果:

Android——自定义TabLayout背景,实现类似浏览器中的选项卡效果,修改字体大小及样式_第2张图片

Android——自定义TabLayout背景,实现类似浏览器中的选项卡效果,修改字体大小及样式_第3张图片

 

Android——自定义TabLayout背景,实现类似浏览器中的选项卡效果,修改字体大小及样式_第4张图片

圈中的实现起来比较麻烦,砍掉了。

重要的部分:

  • 用tablayout覆盖下面视图的一部分
  • 自定义最左边,最右边,以及其他tab项选中未选中的背景
  • 选中时,用设置富文本的方式,改变标签字体大小及颜色,设置字体加粗。

github地址:https://github.com/YNParis/KotlinPractice/blob/master/app/src/main/java/com/demos/kotlin/activity/CustomTabHostActivity.java

 

你可能感兴趣的:(Android)