Tablayout设置间距

Tablayout设置item间距

  • 方法:1
/**
   * 设置tablayout下划线根据文字宽度而改变
   * @param tabLayout
   * @param padding
   */
  public void setTabWidth(final TabLayout tabLayout, final int padding){
    tabLayout.post(new Runnable() {
      @Override
      public void run() {
        try {
          //拿到tabLayout的mTabStrip属性
          LinearLayout mTabStrip = (LinearLayout) tabLayout.getChildAt(0);

          for (int i = 0; i < mTabStrip.getChildCount(); i++) {
            View tabView = mTabStrip.getChildAt(i);

            //拿到tabView的mTextView属性  tab的字数不固定一定用反射取mTextView
            Field mTextViewField = tabView.getClass().getDeclaredField("mTextView");
            mTextViewField.setAccessible(true);

            TextView mTextView = (TextView) mTextViewField.get(tabView);
            tabView.setPadding(0, 0, 0, 0);
            //字多宽线就多宽,所以测量mTextView的宽度
            int width = 0;
            width = mTextView.getWidth();
            if (width == 0) {
              mTextView.measure(0, 0);
              width = mTextView.getMeasuredWidth();
            }
            //设置tab左右间距 注意这里不能使用Padding 因为源码中线的宽度是根据 tabView的宽度来设置的
            LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) tabView.getLayoutParams();
            params.width = width ;
            params.leftMargin = padding;
            params.rightMargin = padding;
            tabView.setLayoutParams(params);
            tabView.invalidate();
          }

        } catch (NoSuchFieldException e) {
          e.printStackTrace();
        } catch (IllegalAccessException e) {
          e.printStackTrace();
        }
      }
    });
  }
   setTabWidth(tab, 25);
    //这个方法要用在 tablayout 和viewPager 绑定之前。tablayout 属性设置 app:tabMode="fixed" 才有效
      //绑定viewPager  
    tab.setupWithViewPager(viewPager, false);

补充:如果只是为了宽度和字体宽度一样,tablayout已经加入了新属性

app:tabIndicatorFullWidth=“false”
上面的方法可以设置固定宽度

方法:2
在Android的TabLayout中item的间距是默认的,之前找了很多方法都没有找到调整的方法,如果要修改则可以给TabLayout添加以下两个属性

app:tabMaxWidth=""
app:tabMinWidth="
``
添加完这两个属性后item之间默认的间距就会消失,这个时候就可以自己给item设置间距了,还是在TabLayout中添加以下属性

app:tabPaddingStart=""
app:tabPaddingEnd=""

这样就可以实现对TabItem的间距修改了
另一个参考文章很好记录一下:

TabLayout设置Tab间距_休以希的博客-CSDN博客_tablayout 间距

————————————————
版权声明:本文为CSDN博主「偶然一眼看到你」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_37142785/article/details/110550184

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值