tablayout 自定义newTab 无法宽无法充满问题

当我们使用Tablayout 时, 希望每一个tab 不只是显示文字还想要显示一些图片这时候你需要自定写一个layout 并设置到每一个tab中 那么如何实现 呢

第一步 为Tablayout 添加tab

for(int id:titles_ids){

tablayout.addTab(tablayout.newTab());

}

第二步 为每一个tab 添加layout 布局

for(int i=0;i

TabLayout.Tab tabAt = tl_title.getTabAt(i);

View inflate = View.inflate(getContext(), R.layout.item_tab_layout, null);

tabAt.setCustomView(inflate);

}

这样就可以将自己定义的布局设置给tab 作为视图使用。但是实际开发中我们发现,tab 中设置的布局无法填充tab 的宽高

首先宽度,宽度无法填充tab 的宽度 是因为tablayout 默认给子view设置了margin 这时候需要你在tablyout 中设置属性来

解决这一问题

android:layout_width="match_parent"

android:layout_height="50dp"

app:tabPaddingStart="-1dp"

app:tabPaddingEnd="-1dp"

app:tabIndicatorHeight="2dp"

app:tabSelectedTextColor="@color/gc_black"

>

app:tabPaddingStart="-1dp" 表示tab的paddingleft 是多少

app:tabPaddingEnd="-1dp"   表示tab的paddingright 是多少

这样设置就可以保证tab 的内容宽度填充。

其次是自定义视图的高度,其实它在计算的时候 是根据你内部子view 的高度一致,所以你如果想让自己的布局填充高度,

你需要将你设置的视图 的layout 中的子view 设置一个与其相等的layout_hegit的dp值。如果你在根布局设置这一高度是无效的

必须是在跟布局中的子view 中设置才能生效.。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这篇主要要介绍Tablayout使用,因为在实际开发中TabLayout和ViewPager一起使用,所以下面主要...
    mm_cuckoo阅读 17,205评论 2 55
  • 一、概述 它也是design中新出的一个控件,用来实现选项卡切换的效果,以前我们常用RadioGroup+Radi...
    Serenity那年阅读 2,503评论 0 9
  • TabLayout是属于容器控件, 提供水平显示Tab的效果. 常常和ViewPager配合使用. 我将全面地讲解...
    随心随性_0a25阅读 1,241评论 0 2
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,783评论 0 17
  • 阿菱:你吃过冬虫夏草吗? 阿球:没有。 阿菱:那你这辈子算是白活了。 阿球:但我见过它,它就是一种真菌,寄生在虫子...
    云水坡头阅读 527评论 0 0