如何从android.support.v7.widget.Toolbar中移除顶部和底部填充？

Question

我想把一个SlidingTabLayout放在我的android.support.v7.widget.Toolbar中，但是在纵向布局中有额外的上下边距。如下图所示：

在横向布局中，android.support.v7.widget.Toolbar变短了，额外的边距也消失了：

我知道contentInsertStart和contentInsetEnd属性，但貌似没有针对上下边距的设置。以下是我的布局：

<android.support.design.widget.AppBarLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    android:theme="?attr/actionBarTheme"
    >

    <!-- Changing the size of the toolbar fixed the problem below but I don't like the solution since the height difference is perceptible -->
    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="?attr/colorPrimary"
        android:padding="0dp"
        app:popupTheme="?attr/actionBarPopupTheme"
        >

        <!-- TODO: BUG - This isn't filling out the action bar in portrait (see note above) -->
        <com.myapplication.views.widgets.SlidingTabLayout
            android:id="@+id/sliding_tabs"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:background="@color/pink_400"
            />

    </android.support.v7.widget.Toolbar>

</android.support.design.widget.AppBarLayout>

如评论中所示，如果我手动将android.support.v7.widget.Toolbar的高度设置为48dp，则SlidingTabLayout会填充它，但这里有两个问题：

1. 当更改活动时，工具栏的高度与标准工具栏的高度不同，这是显而易见的。
2. 如果我更改了工具栏的高度，则Toolbar中的图标不再垂直居中。

因此，正如标题所述，如何从android.support.v7.widget.Toolbar中删除顶部和底部填充？

- Cory Charlton

---

你尝试使用?attr/actionBarSize作为高度了吗？ - Programming Pirate

@RaviSravanKumar，是的，我做了。我会更新问题。 - Cory Charlton

@RaviSravanKumar，你可能发现了一些东西。当我设置android:layout_height="?attr/actionBarSize"时，我没有出现粉色背景。现在重新设置后，SlidingTabLayout实际上填充了Toolbar，但指标较高（这就是为什么我最初没有注意到差异的原因）。 - Cory Charlton

现在问题解决了吗？如果是的，解决方案是否令人满意，还是我们需要进一步改进它？ - Programming Pirate

@RaviSravanKumar，问题已经解决了（请看我的回答）。你的评论帮助我诊断出原始代码的问题所在。非常感谢你，因为这让我疯狂了 :) - Cory Charlton

Answer 1

好的，@RaviSravanKumar的评论帮助我解决了这个问题。当我把布局改回：

<android.support.design.widget.AppBarLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    android:theme="?attr/actionBarTheme"
    >

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:popupTheme="?attr/actionBarPopupTheme"
        >

        <com.myapplication.views.widgets.SlidingTabLayout
            android:id="@+id/sliding_tabs"
            android:layout_width="wrap_content"
            android:layout_height="?attr/actionBarSize"
            />

    </android.support.v7.widget.Toolbar>

</android.support.design.widget.AppBarLayout>

使用高度设置为?attr/actionBarSize后，我注意到SlidingTabLayout实际上填充了整个高度。我之所以注意到这一点，是因为我设置了粉色的背景来进行调试。

最初我错过了这一点的原因是下划线指示器仍然没有在底部（如原问题中的截图所示）。我不得不对SlidingTabLayout代码进行以下更改： 原始代码：

public SlidingTabLayout(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);

    // Disable the Scroll Bar
    setHorizontalScrollBarEnabled(false);
    // Make sure that the Tab Strips fills this View
    setFillViewport(true);

    mTitleOffset = (int) (TITLE_OFFSET_DIPS * getResources().getDisplayMetrics().density);

    mTabStrip = new SlidingTabStrip(context);
    addView(mTabStrip, LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
}

新：（请注意从LayoutParams.WRAP_CONTENT更改为LayoutParams.MATCH_PARENT）：

public SlidingTabLayout(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);

    // Disable the Scroll Bar
    setHorizontalScrollBarEnabled(false);
    // Make sure that the Tab Strips fills this View
    setFillViewport(true);

    mTitleOffset = (int) (TITLE_OFFSET_DIPS * getResources().getDisplayMetrics().density);

    mTabStrip = new SlidingTabStrip(context);
    addView(mTabStrip, LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
}

Original:

protected TextView createDefaultTabView(Context context) {
    TextView textView = new TextView(context);
    textView.setGravity(Gravity.CENTER);
    textView.setTextSize(TypedValue.COMPLEX_UNIT_SP, TAB_VIEW_TEXT_SIZE_SP);
    textView.setTypeface(Typeface.DEFAULT_BOLD);
    textView.setLayoutParams(new LinearLayout.LayoutParams(
            ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));

    TypedValue outValue = new TypedValue();
    getContext().getTheme().resolveAttribute(android.R.attr.selectableItemBackground,
            outValue, true);
    textView.setBackgroundResource(outValue.resourceId);

    if (Build.VERSION.SDK_INT >= 14) {
        textView.setAllCaps(true);
    }

    int padding = (int) (TAB_VIEW_PADDING_DIPS * getResources().getDisplayMetrics().density);
    textView.setPadding(padding, padding, padding, padding);

    return textView;
}

新:（注意布局参数和填充的更改）

protected TextView createDefaultTabView(Context context) {
    TextView textView = new TextView(context);
    textView.setGravity(Gravity.CENTER);
    textView.setTextSize(TypedValue.COMPLEX_UNIT_SP, TAB_VIEW_TEXT_SIZE_SP);
    textView.setTypeface(Typeface.DEFAULT_BOLD);
    textView.setLayoutParams(new LinearLayout.LayoutParams(
            ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.MATCH_PARENT));

    TypedValue outValue = new TypedValue();
    getContext().getTheme().resolveAttribute(android.R.attr.selectableItemBackground,
            outValue, true);
    textView.setBackgroundResource(outValue.resourceId);

    if (Build.VERSION.SDK_INT >= 14) {
        textView.setAllCaps(true);
    }

    int padding = (int) (TAB_VIEW_PADDING_DIPS * getResources().getDisplayMetrics().density);
    textView.setPadding(padding, 0, padding, 0);

    return textView;
}

- Cory Charlton