在xml设置，使得tablayout的在设置tab的背景后，每个tab之间仍有间距，即背景之间有间距

可以使用TabLayout的`setSelectedTabIndicatorInsets()`方法来设置选中指示器的边距，进而达到每个tab之间有间距的效果。具体步骤如下：

1. 在xml中设置TabLayout的背景，如：

   <android.support.design.widget.TabLayout
       android:id="@+id/tab_layout"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:background="@drawable/tab_background"/>

2. 在代码中设置选中指示器的边距，如：

   // 获取TabLayout对象
   TabLayout tabLayout = findViewById(R.id.tab_layout);
   
   // 设置选中指示器的边距
   tabLayout.setSelectedTabIndicatorInsets(new TabLayout.TabIndicatorInsets(20, 0, 20, 0));

上述代码将左右边距设置为20px，其他边距设置为0px。你可以根据自己的需求进行调整。

相关问题

在xml里面设置属性，使得tablayout里的每个元素之间存在间距

要在TabLayout中设置每个元素之间的间距，可以使用`app:tabPaddingStart`和`app:tabPaddingEnd`属性。这些属性会为每个标签添加左侧和右侧的内边距。以下是一个示例：

<com.google.android.material.tabs.TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:tabPaddingStart="16dp"
    app:tabPaddingEnd="16dp"
    app:tabGravity="fill"
    app:tabMode="fixed"/>

在上面的示例中，`app:tabPaddingStart`和`app:tabPaddingEnd`属性设置为`16dp`，这会给每个标签添加16dp的左侧和右侧内边距。您可以根据需要调整此值以获得所需的间距。

给tablayout的每个tab设置边框，且边框与边框之间有间距

可以使用自定义View来实现该效果，具体步骤如下：

1. 创建一个自定义的TabLayout，继承自TabLayout。

2. 重写TabLayout的onDraw方法，在该方法中绘制每个tab的边框。

3. 在onMeasure方法中，计算每个tab的宽度，并添加间距。

4. 在TabLayout的addTab方法中，为每个Tab设置自定义的View。

以下是示例代码，供参考：

public class CustomTabLayout extends TabLayout {

    private Paint mPaint;
    private int mIndicatorColor = Color.RED;
    private int mSelectedPosition = 0;
    private int mIndicatorHeight = 5;
    private int mTabPadding = 20;
    private int mTabSpacing = 20;

    public CustomTabLayout(Context context) {
        super(context);
        init();
    }

    public CustomTabLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public CustomTabLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        mPaint = new Paint();
        mPaint.setAntiAlias(true);
        mPaint.setStyle(Paint.Style.FILL);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        // 绘制tab的边框
        mPaint.setColor(mIndicatorColor);
        mPaint.setStrokeWidth(mIndicatorHeight);
        int tabCount = getTabCount();
        for (int i = 0; i < tabCount; i++) {
            View tabView = getTabAt(i).getCustomView();
            if (tabView != null) {
                int left = tabView.getLeft();
                int right = tabView.getRight();
                int top = tabView.getTop();
                int bottom = tabView.getBottom();
                int centerX = (left + right) / 2;
                if (i == mSelectedPosition) {
                    canvas.drawLine(left, bottom, right, bottom, mPaint);
                } else {
                    canvas.drawLine(left, bottom, centerX - mTabSpacing / 2, bottom, mPaint);
                    canvas.drawLine(centerX + mTabSpacing / 2, bottom, right, bottom, mPaint);
                }
            }
        }
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);

        // 计算每个tab的宽度，并添加间距
        int tabCount = getTabCount();
        for (int i = 0; i < tabCount; i++) {
            View tabView = getTabAt(i).getCustomView();
            if (tabView != null) {
                TextView tabTextView = tabView.findViewById(android.R.id.text1);
                tabTextView.setPadding(mTabPadding, 0, mTabPadding, 0);
                int width = tabTextView.getMeasuredWidth() + mTabPadding * 2 + mTabSpacing;
                tabView.setMinimumWidth(width);
            }
        }
    }

    @Override
    public void addTab(@NonNull Tab tab) {
        super.addTab(tab);

        // 为每个Tab设置自定义的View
        View tabView = LayoutInflater.from(getContext()).inflate(R.layout.custom_tab, null);
        TextView tabTextView = tabView.findViewById(android.R.id.text1);
        tabTextView.setText(tab.getText());
        tab.setCustomView(tabView);
    }

    public void setSelectedPosition(int position) {
        mSelectedPosition = position;
        invalidate();
    }
}

其中，自定义的TabLayout中使用了R.layout.custom_tab布局文件来设置每个tab的样式，该布局文件可以根据实际需求自行定义。在该布局文件中，需要使用android.R.id.text1来设置tab的文本。

示例布局文件如下：

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/text1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textColor="@color/tab_text_color"
    android:textSize="@dimen/tab_text_size"
    android:textStyle="bold" />

在使用该自定义TabLayout时，只需要在xml文件中引用即可：

<com.example.CustomTabLayout
    android:id="@+id/tabLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:tabIndicatorColor="@color/tab_indicator_color"
    app:tabSelectedTextColor="@color/tab_text_color"
    app:tabTextAppearance="@style/CustomTabTextAppearance"
    app:tabTextColor="@color/tab_text_color" />

其中，app:tabIndicatorColor、app:tabSelectedTextColor、app:tabTextAppearance、app:tabTextColor等属性与普通TabLayout使用方法一致。