logo资料库

Android Tablayout 自定义Tab布局的使用案例.pdf

第1页 / 共3页
第2页 / 共3页
第3页 / 共3页
资料共3页,全文预览结束
Android Tablayout 自定义自定义Tab布局的使用案例 布局的使用案例 主要介绍了Android Tablayout 自定义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 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); 解决办法就是显示设置这两个属性:
分享到:
收藏