更改TabLayout标签展示位置

时间:2016-12-29 04:08:35

标签: android android-viewpager android-tablayout

我正在使用TabLayoutViewPager来显示我的标签名称,如下所示。

enter image description here

但是你可以看到我的标题覆盖了我的标签。我希望我的标签靠近屏幕顶部,如下所示。

enter image description here

这是我的view_pager.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="fill_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:context="stellar.kade_c.com.MainActivity">

    <android.support.design.widget.TabLayout
        android:id="@+id/sliding_tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabMode="fixed" />

    <android.support.v4.view.ViewPager
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</RelativeLayout>

如何实现?

1 个答案:

答案 0 :(得分:2)

将您的app:tabMode="fixed"更改为app:tabMode="scrollable"

<强>固定

  

固定标签同时显示所有标签,最适合使用   从标签之间的快速枢轴中受益的内容。最大值   选项卡的数量受视图宽度的限制。固定标签相同   宽度,基于最宽的标签标签。

<强> SCROLLABLE

  

可滚动标签可以在任何给定时刻显示标签的子集,并且可以   包含更长的标签和更多的标签。他们是最好的   用于在用户不需要时浏览触摸界面中的上下文   直接比较标签标签。