Android Tablayout tab 使用自定义的layout 无法填充tab 的宽高问题。

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

第一步 为Tablayout 添加tab
    for(int id:titles_ids){
        tablayout.addTab(tablayout.newTab());
    }

第二步 为每一个tab 添加layout 布局
    for(int i=0;i<titles_ids.length;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.support.design.widget.TabLayout
        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 中设置才能生效.。

猜你喜欢

转载自blog.csdn.net/ImTryCatchException/article/details/87969206