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

时间:2016-09-05 08:23:02

标签: android material-design android-tablayout

我有办法减少标题文字和Google TabLayout图标之间的距离,就像Google plus中图标和文字标题至少没有距离一样。我已经搜索过,但到目前为止还无法找到。

enter image description here

EDITED

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

 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"
        />

2 个答案:

答案 0 :(得分:3)

引入了

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

答案 1 :(得分:0)

您可以尝试使用此代码,它对我有用

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
    }