当我们使用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 中设置才能生效.。