Изменить вкладки TabLayout размещения

Question

Я использую TabLayout с ViewPager, чтобы отобразить мои имена вкладок, как показано ниже.

Но как вы можете видеть мое название покрывает мои закладки. Я хочу, чтобы мои вкладки были ближе к верхней части экрана, как показано ниже.

Вот мой 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> 

Как это может быть достигнуто?

Answer 1

Измените ваш app:tabMode="fixed" на app:tabMode="scrollable"

FIXED

Фиксированные вкладки отображаются все вкладки одновременно, и лучше всего использовать с контента, который извлекает выгоду из быстрых поворотов между вкладками. Максимум количество вкладок ограничено шириной вида. Фиксированные вкладки имеют равную ширину, основанную на самой широкой вкладке.

Scrollable

Прокручиваемые вкладки отображения подмножества вкладок в любой данный момент, и может содержать более длинные tablabels и большее количество вкладок. Они лучше всего используются для просмотра контекстов в сенсорных интерфейсах, когда пользователям не нужно , чтобы напрямую сравнивать метки табуляции.