调整 Tablayout 标题文本和图标之间的高度

Question

我有任何方法可以减少标题文本和TabLayout 图标之间的距离，就像在 Google plus 中的图标和文本标题至少没有距离一样。我已经搜索过，但直到现在都找不到。

已编辑

这就是我设置图标和标题的方式：

 tabLayout.getTabAt(3).setIcon(R.drawable.ic_more_horiz_white_24dp);
 tabLayout.getTabAt(3).setText("More");

这是我的TabLayout：

<android.support.design.widget.TabLayout
        android:id="@+id/tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabIndicatorColor="@color/white"
        app:tabIndicatorHeight="2dp"
        app:tabTextAppearance="?android:attr/textAppearanceSmall"
        />

Answer 1

你可以试试这个代码，它对我有用

for (i in 0 .. tabLayout.tabCount) {
        val params = tabLayout.getTabAt(i)?.view?.getChildAt(0)?.layoutParams as LinearLayout.LayoutParams?
        params?.bottomMargin = 0
        tabLayout.getTabAt(i)?.view?.getChildAt(0)?.layoutParams = params
    }

Answer 2

TabLayout 已被引入以帮助开发人员符合 Material Design 标准。在这种情况下，它是适当的选项卡高度，图标和文本之间的填充以及图标和文本大小。查看Material Design Guidelines 以熟悉它们。

但是，如果您真的不喜欢填充（并且不想根据 Material Design 指南构建应用程序），您可以更改它。

您可以使用@user13 answer。这样你就可以通过你的布局了。

但是请记住，如果您想更动态地构建TabLayout 并使用它是TabLayout.Tab#setText(java.lang.CharSequence) 和TabLayout.Tab#setIcon(int)，您必须使用这样的布局：

<ImageView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@android:id/icon"/>
<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_weight="0"
    android:id="@android:id/text1"
    android:gravity="center"
    android:layout_below="@android:id/text1" />

查看标识符@android:id/icon 和@android:id/text1。如果您添加这些 ID 的 TabLayout 您的布局将使用 TabLayout 类代码。请查看documentation 了解更多信息。