Android TabLayout的自定义Tab
实现效果如下图：
上代码：
xml
bg_tab_sel
bg_tab
bg_cell_tab_sel
activity:
fragmentList= arrayListOf(OneFragment(),TwoFragment())
viewPager.adapter = object: FragmentStateAdapter(this){
override fun getItemCount(): Int {
return fragmentList.size
}
override fun createFragment(position: Int): Fragment {
return fragmentList[position]
}
}
//主要是用这个方法
TabLayoutMediator(tabLayout,viewPager){tab, position ->
var view = LayoutInflater.from(this).inflate(R.layout.tab_cell,tab.parent,false)
view.tabTitleTv.text = titleList!![position]
tab.customView = view
}.attach()
viewPager.offscreenPageLimit = fragmentList.size - 1
}
普通的tablayout实现起来比较麻烦，但是升级后的com.google.android.material.tabs.TabLayout就很棒，实现其他效果也很方便~
=================================================
开发公司的项目中需要实现以下效果图，需要自定义TabLayout 中的Tab
Tablayout xml
| 1 2 3 4 5 6 7 8 9 10 |
|
其中如果多个tab 需要滚动则要设置app:tabMode="scrollable"，对于tabPaddingStart与tabPaddingEnd则是设置Tab 的左边和右边padding,根据具体的需求来设置就好，这里如果没有设置，TabLayout 或自动设置一个默认的值給Tab,
setCustomView()
设置自定义的Tab布局給Tablayout
| 1 2 3 4 5 6 |
|
widget_choose_icon_tab_bg.xml
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
|
selector_icon_choose_txt_bg
| 1 2 3 4 5 6 |
|
shape_icon_choose_select
| 1 2 3 4 5 |
|
shape_icon_choose_no_select
| 1 2 3 4 5 6 |
|
通过以上设置，就实现了我图中TabLayout 的子Tab的布局。。
补充知识：Android TabLayout布局自带的padding和height问题
TabLayout布局自带的属性
最近用TabLayout，发现设置简单的CustomView之后，有一些奇怪的边距。并不是按照你预想的那样。
fucking source code发现了两个要注意的地方。
(1) Tab默认自带横向边距问题
如上图，看到我就给了一个简单的View，结果上下左右全都多了边距。
跟源码发现，是mTabPaddingStart和mTabPaddingEnd在初始化的时候，会自动给一个默认值。
| 1 2 3 4 5 6 7 8 |
|
解决办法就是显示设置这两个属性：
| 1 2 3 4 5 |
|
（2）高度设置问题
如上面我的xml，这样设置后发现上下总是比我设置的要多一些高度height。
读源码发现，原来是高度也会有默认值的情况。TabLayout.onMeasure方法：
| 1 2 3 4 5 6 |
|
可以看到，如果在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布局的使用案例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。