android tablayout 自定义tab布局的使用案例-kb88凯时官网登录

时间:2020-10-14
阅读:
免费资源网 - https://freexyz.cn/

开发公司的项目中需要实现以下效果图,需要自定义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



 

selector_icon_choose_txt_bg



 
 
 

shape_icon_choose_select



 
 

shape_icon_choose_no_select



 
 

通过以上设置,就实现了我图中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布局的使用案例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持免费资源网。

免费资源网 - https://freexyz.cn/
返回顶部
顶部
网站地图