当前位置:网站首页>Tablayout设置间距

Tablayout设置间距

2020-12-06 08:51:54 osc_eqcu0796

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的间距修改了
另一个参考文章很好记录一下:https://blog.csdn.net/u010845516/article/details/79563561?utm_medium=distribute.pc_relevant.none-task-blog-OPENSEARCH-2.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-OPENSEARCH-2.control

版权声明
本文为[osc_eqcu0796]所创,转载请带上原文链接,感谢
https://my.oschina.net/u/4342102/blog/4776569