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

BST*_*aal 9 android material-design android-tablayout

我有任何方法可以减少标题文本和TabLayoutGoogle plus中的图标之间的距离,其中图标和文本标题至少没有距离.我已经搜索过,但到目前为止还是找不到.

在此输入图像描述

EDITED

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

 tabLayout.getTabAt(3).setIcon(R.drawable.ic_more_horiz_white_24dp);
 tabLayout.getTabAt(3).setText("More");
Run Code Online (Sandbox Code Playgroud)

这是我的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"
        />
Run Code Online (Sandbox Code Playgroud)

小智 6

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

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
    }
Run Code Online (Sandbox Code Playgroud)


R. *_*ski 3

TabLayout旨在帮助开发人员遵守材料设计标准。在这种情况下,它是适当的选项卡高度、图标和文本之间的填充以及图标和文本大小。查看材料设计指南以熟悉它们。

但是,如果您确实不喜欢填充(并且不想根据材料设计指南构建应用程序),您可以更改它。

您可以使用@user13答案。这样你就可以传递你的布局。

但是请记住,如果您想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" />
Run Code Online (Sandbox Code Playgroud)

查看标识符@android:id/icon@android:id/text1。如果添加这些 ID,TabLayout您的布局将与TabLayout类代码一起使用。查看文档以获取更多信息。