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

要给TabLayout的文字设置边框,并且文字与边框之间设置间距,可以通过自定义TabLayout的布局实现。 首先,在布局文件中,定义一个新的TextView样式,包含文字边框和间距: ```xml <style name="TabTextStyle"> <item name="android:textSize">16sp</item> <item name="android:textColor">@color/black</item> <item name="android:paddingStart">12dp</item> <item name="android:paddingEnd">12dp</item> <item name="android:paddingTop">8dp</item> <item name="android:paddingBottom">8dp</item> <item name="android:background">@drawable/tab_border</item> </style> ``` 其中,@drawable/tab_border是一个Drawable文件,用来定义边框样式。例如: ```xml <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <solid android:color="@color/white" /> <stroke android:width="1dp" android:color="@color/black" /> <corners android:radius="20dp" /> </shape> ``` 接下来,在TabLayout中使用这个TextView样式: ```xml <com.google.android.material.tabs.TabLayout android:id="@+id/tab_layout" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabMode="fixed" app:tabGravity="fill"> <com.google.android.material.tabs.TabItem android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Tab 1" android:layout="@layout/tab_text_layout" /> <com.google.android.material.tabs.TabItem android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Tab 2" android:layout="@layout/tab_text_layout" /> <com.google.android.material.tabs.TabItem android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Tab 3" android:layout="@layout/tab_text_layout" /> </com.google.android.material.tabs.TabLayout> ``` 注意,这里的布局文件使用了自定义的tab_text_layout布局,用来显示带有边框和间距的TextView: ```xml <?xml version="1.0" encoding="utf-8"?> <TextView xmlns:android="http://schemas.android.com/apk/res/android" style="@style/TabTextStyle" android:layout_width="wrap_content" android:layout_height="wrap_content" /> ``` 这样就可以给TabLayout的文字设置边框,并且文字与边框之间设置间距了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值