设置Tablayout的tab宽度
来源:互联网 发布:java程序员转正申请 编辑:程序博客网 时间:2024/05/22 15:55
自带的TabLayout总是会平分item的宽度,比如2个字跟4个字的宽度,默认是一样的。
转自:http://blog.csdn.net/u013134391/article/details/70833903
解决方法如下:
如图,是我们想要的效果
如图,是tabLayout效果(两个字的tab和4个字的tab是一样的宽度,看的真心难受)
解决方案
先讲解决方案。直接贴代码(要在tabLayout添加完所有的tab后调用)
问题解决思路
第一反应是找系统的方法和属性
发现只有设置tabIndicatorHeight的属性 并没有宽度的属性
接着百度,一百度就看到几个博客,宣称可以解决这个问题,我们先看看他们的解决方案
传送门这种解决方案仅限于所有的tabView的text字数都是相同字数,比如所有的图中所有的tab字数都是2个。其实思路是错的,没有研究源码详细实现
他的思路是设置tabView的padding为0,并且设置了margin
这种方案错误的原因是,tablayout会强制设置tabView的宽度为 几个tabView中最宽的宽度,比如4个字的tabview和2个字的tabview的组合,两个tabview的宽度强制为4个字的tabview的宽度
下面会证实这一点
那只有查源码了呗,tab的创建是 tablayout.addTab();方法构造的 具体代码如下
直接查这个方法,通过几个重载方法(addTab(Tab tab)->addTab(Tab tab,boolean setSelected)->addTab( Tab tab, int position, boolean setSelecte); 跳转如下代码
从注释看就是添加一个tab到这个layout上 具体实现是在addTabView(Tab tab)里面,继续看这个方法
可以看到最后添加到mTabStrip中,我们再来看看TabView里面有什么东西
光从属性可以看出TabView可以自定义的,而且并没有发现Indicator线的痕迹,我猜测他可能放在layout(mTabStrip)里面,因为我以前写这样效果 这样写过,那我们就来看mTabStrip
查看类中,发现mSelectedIndicatorHeight,眼睛一亮,下划线高度!!,就是画线的地方。追踪mIndicatorLeft和mIndicatorRight的来路,几经追踪,发现如下代码
如图,selectedTitle就是TabView,直接获取了左边坐标和右边坐标,也就说是线的宽度就是tabview的宽度,那疑问又来了,为什么我们两个字的tabView和4个字的tabView是一样宽度,先去看看SlidingTabStrip的onMeasure方法,如下图
我日,我怎么感觉写TabLayout这个类的人是强迫症,有没有?第一个for循环干的事就是记录下来,所有tabView中的最大宽度,第二个循环就是把所有的tabView的宽度设置为第一个循环得到的最大宽!!!
罪魁祸首是找到了,这时候能动态代理一个重写onMeasure方法的SlidingTabStrip对象塞进去,也可以解决这个问题,你会发现SlidingTabStrip是private的!!!!!!!
思路一转,系统是强制设置所有tabview的宽度为 最宽那个tabview的宽度,那我重新设置一遍tabView的宽度即可,解决问题(其实中间还尝试过调用setIndicatorPosition方法,但是系统源码,在多个时期调用这个方法,所以毙掉了)
那最上面的解决方案就来了
1、通过反射拿到SlidingTabStrip,通过遍历拿到tabview,继续通过反射拿到textview,然后设置Tabview的宽度为textview的宽度
2、为了美观我们可以设置一下tabview的margin,不设置会连在一起
搞定。(写的比较乱,有问题欢迎拍砖)
- 设置Tablayout的tab宽度
- 设置tablayout下划线的宽度
- TabLayout设置指示器的宽度
- 自适应Tab宽度可以滑动文字逐渐变色的TabLayout
- TabLayout的使用,设置tab图片
- tablayout 设置下划线宽度。
- 设置tablayout光标宽度
- 设置tablayout tab
- QTabWidget如何设置tab头的宽度
- linux中设置TAB键的宽度
- linux中设置Tab键的宽度
- qt QTabWidget设置tab头的宽度
- vim中设置tab键的宽度
- Tablayout之Tab宽度左右无法填充
- vim 设置tab宽度
- vim设置tab宽度
- vim 设置tab宽度
- vim 设置tab宽度
- 记录module.exports 与 exports使用
- SendMessage与PostMessage的用法
- 上位机与USB设备通信
- Day18
- 2017年全国大学生电子设计竞赛(预测题)-单一物体识别
- 设置Tablayout的tab宽度
- Hadoop的坑——无法启动namenode
- wchar_t*转LPCTSTR的方法
- 进程间通信-Windows
- @hexo-next 搭建个人博客系列教程
- 图的储存结构
- 文章标题
- PHP 字符串函数
- Android开发 手机测试运行报错2