[Android]TabLayout布局自带的padding和height问题

最新推荐文章于 2025-02-03 14:51:47 发布

最帅农民工

最新推荐文章于 2025-02-03 14:51:47 发布

阅读量6k

点赞数 4

分类专栏： android 文章标签： android 移动开发

本文链接：https://blog.csdn.net/weixin_44969089/article/details/106690496

版权

android 专栏收录该内容

11 篇文章

订阅专栏

本文深入解析TabLayout布局中常见的边距及高度设置问题，包括Tab默认的横向边距和高度设置的默认值，提供了解决方案，帮助开发者精确控制自定义视图的布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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);

解决办法就是显示设置这两个属性：

    <android.support.design.widget.TabLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:tabPaddingStart="0dp"
        app:tabPaddingEnd="0dp"

（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。