热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

AndroidTablayout自定义Tab布局的使用案例

这篇文章主要介绍了AndroidTablayout自定义Tab布局的使用案例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

开发公司的项目中需要实现以下效果图,需要自定义TabLayout 中的Tab

Tablayout xml

 

其中如果多个tab 需要滚动则要设置app:tabMode="scrollable",对于tabPaddingStart与tabPaddingEnd则是设置Tab 的左边和右边padding,根据具体的需求来设置就好,这里如果没有设置,TabLayout 或自动设置一个默认的值給Tab,

setCustomView()

设置自定义的Tab布局給Tablayout



 TabLayout.Tab tab = tabLayout.newTab();
 View view = LayoutInflater.from(context).inflate(R.layout.widget_choose_icon_tab_bg, null);
 TextView tv = (TextView) view.findViewById(R.id.choose_icon_tab_tv);
 tv.setText(listData.get(i).getName());
 tab.setCustomView(view);
 tabLayout.addTab(tab);

widget_choose_icon_tab_bg.xml

<&#63;xml version="1.0" encoding="utf-8"&#63;>


 

selector_icon_choose_txt_bg

<&#63;xml version="1.0" encoding="utf-8"&#63;>

 
 
 

shape_icon_choose_select

<&#63;xml version="1.0" encoding="utf-8"&#63;>

 
 

shape_icon_choose_no_select

<&#63;xml version="1.0" encoding="utf-8"&#63;>

 

 

通过以上设置,就实现了我图中TabLayout 的子Tab的布局。。

补充知识:Android TabLayout布局自带的padding和height问题

TabLayout布局自带的属性

最近用TabLayout,发现设置简单的CustomView之后,有一些奇怪的边距。并不是按照你预想的那样。

fucking source code发现了两个要注意的地方。

(1) Tab默认自带横向边距问题

如上图,看到我就给了一个简单的View,结果上下左右全都多了边距。

跟源码发现,是mTabPaddingStart和mTabPaddingEnd在初始化的时候,会自动给一个默认值。

    mTabPaddingStart = a.getDimensionPixelSize(R.styleable.TabLayout_tabPaddingStart,
        mTabPaddingStart);
    mTabPaddingTop = a.getDimensionPixelSize(R.styleable.TabLayout_tabPaddingTop,
        mTabPaddingTop);
    mTabPaddingEnd = a.getDimensionPixelSize(R.styleable.TabLayout_tabPaddingEnd,
        mTabPaddingEnd);
    mTabPaddingBottom = a.getDimensionPixelSize(R.styleable.TabLayout_tabPaddingBottom,
        mTabPaddingBottom);

解决办法就是显示设置这两个属性:


 

(2)高度设置问题

如上面我的xml,这样设置后发现上下总是比我设置的要多一些高度height。

读源码发现,原来是高度也会有默认值的情况。TabLayout.onMeasure方法:


final int idealHeight = dpToPx(getDefaultHeight()) + getPaddingTop() + getPaddingBottom();
 switch (MeasureSpec.getMode(heightMeasureSpec)) {
 case MeasureSpec.AT_MOST:
 heightMeasureSpec = MeasureSpec.makeMeasureSpec(
  Math.min(idealHeight, MeasureSpec.getSize(heightMeasureSpec)),
  MeasureSpec.EXACTLY);

可以看到,如果在xml里对布局的高度height用wrap_content,一般就进入这个MeasureSpec.AT_MOST的判断,而且Math.min这句取的最小值,一般会取到idealHeight的值,因为heightMeasureSpec对应的height是父控件的高度,一般会大一点。

而这个idealHeight对应的是:

private static final int DEFAULT_HEIGHT = 48; // dps

所以,当你自定义的customView比这个值小,那系统会用这个默认理想高度idealHeight就会让实际的tabLayout高度比想要的大一点。

注意,这一切的前提是对TabLayout使用了customView。

以上这篇Android Tablayout 自定义Tab布局的使用案例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。


推荐阅读
  • 本文探讨了如何在游戏启动画面中移除广告,特别是在游戏数据加载期间(大约5-6秒)广告会短暂显示的问题。通过调整XML布局和代码逻辑,可以实现广告的延迟加载或完全移除。 ... [详细]
  • 使用Echarts for Weixin 小程序实现中国地图及区域点击事件
    本文介绍了如何使用Echarts for Weixin在微信小程序中构建中国地图,并实现区域点击事件。包括效果展示、条件准备和逻辑实现的具体步骤。 ... [详细]
  • Vulnhub DC3 实战记录与分析
    本文记录了在 Vulnhub DC3 靶机上的渗透测试过程,包括漏洞利用、内核提权等关键步骤,并总结了实战经验和教训。 ... [详细]
  • 本文将介绍如何使用原生JavaScript实现一个连连看小游戏中的一个关键功能:当用户点击列表项时,获取该列表项的索引。 ... [详细]
  • 本文详细介绍了进程、线程和协程的概念及其之间的区别与联系。进程是在内存中运行的独立实体,具有独立的地址空间和资源;线程是操作系统调度的基本单位,属于进程内部;协程则是用户态下的轻量级调度单元,性能更高。 ... [详细]
  • Python 日志记录模块详解
    日志记录机制是软件开发中不可或缺的一部分,它帮助开发者追踪和调试程序运行时的各种异常。Python 提供了内置的 logging 模块,使我们在代码中记录和管理日志信息变得更加方便。本文将详细介绍如何使用 Python 的 logging 模块。 ... [详细]
  • 题目描述:计算从起点到终点的最小能量消耗。如果下一个单元格的风向与当前单元格相同,则消耗为0,否则为1。共有8个可能的方向。 ... [详细]
  • 本文介绍如何通过参数化查询来防止SQL注入攻击,确保数据库的安全性。示例代码展示了在C#中使用参数化查询添加学生信息的方法。 ... [详细]
  • 树莓派4B:安装基础操作系统指南
    本文将详细介绍如何为树莓派4B安装基础操作系统,包括所需材料、镜像下载、镜像烧录以及更换国内源等步骤。 ... [详细]
  • 本文介绍了GitHub上的一些Python开源项目,特别是IM(即时通讯)技术的应用。通过Sealtalk项目,探讨了如何利用开源SDK提升开发效率。 ... [详细]
  • 最近在CSDN社区发布了一篇关于求职的帖子,分享了自己在广州找工作的经历和困惑。 ... [详细]
  • 腾讯云移动推送TPNS(Tencent Push Notification Service)为APP开发者和运营人员提供了一站式、高效、稳定的推送解决方案,帮助提升用户活跃度和运营效率。 ... [详细]
  • 各位读者,大家好!在上一期中,我们讨论了如何在Android中创建程序启动界面。本期我们将重点介绍ImageView的常用属性,特别是src属性。让我们一起深入了解Android吧! ... [详细]
  • AngularJS 控制器详解
    本文通过一个示例详细介绍了 AngularJS 控制器的使用方法,并探讨了控制器之间数据共享的问题。 ... [详细]
  • android开发分享荐                                                         Android思维导图布局:效果展示及使用方法
    思维导图布局的前身是树形布局,对树形布局基本使用还不太了解的朋友可以先看看我写的树形布局系列教程,了解了树形布局的使用方法后再来阅读本文章。先睹为快来看看效果吧,横向效果如下:纵向 ... [详细]
author-avatar
手机用户2502887447
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有